Joanne wrote: > Can anyone tell me why there's a padding / margin of approx. 13 > pixels at the top of http://www.loubradley.com/new/aboutlou.htm > > I know it's a bit messy, I'm still working on it, but this is html > that was used with a totally different stylesheet that I am reworking > and I can't seem to get rid of the gap. > > It's not there in IE, just Firefox & Safari
It is a margin collapsing issue: the gap is caused by the (default) top margin of the first paragraph inside the #album div (the one with the cover img.) This is the first in-flow content (being the rest all floated) and its margin-top "escapes" out of #main, pushing #main down. Give an id to that paragraph, assign to it margin-top:0, and the gap should disappear. > and in Safari, the wallpaper doesn't line up properly either. Looking with a non-maximized window and resizing its width I see a 1px mis-alignment that comes and goes, so the problems is probably caused by 1px difference in the centering of the body background (with background-position: center top) and the centering of #main (with margin: 0 auto) at odd widths. Haven't looked for a solution. Hope this helps a little, Bruno -- Bruno Fassino http://www.brunildo.org/test ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
