Cam wrote: > A niggling issue in IE for our local community web site. On > the page: > > HTML: http://www.camnem.com/newfrog2/events.html > CSS: http://www.camnem.com/newfrog2/css/Froghollow.css > > You can see that the lime green frame around the text content > is 1 px lower than frame around the top thumbnail image, in > IE6. They line up perfectly in FF and Opera (and on the > homepage which has a header at the top of both sides). I > can't figure out why and it's just enough to annoy me. Any > suggestions?
The line-height of the <h1> is causing it to be 1px higher than you want, pushing the .textbox down by 1px more than you want. If you set the line-height of that h1 to 34px, IE6 displays it correctly. > - I haven't tested with IE5 because I think it's dieing fast > enough to not bother. Does that make me a really horrible > person? In IE5 all looks fine, except for the .textbox being pushed down by the top margin of the first paragraph inside of it, and the header showing too much vertical margin. I wouldn't worry about that too much though, it's all readable and accessible. In IE7 though, the boxes that contain the images on the right, aren't stretching horizontally to encompass them, and they seem to start centered, pushing the image content to the right, sticking out of the page. This can be solved by giving each box the correct width, instead of stating width:0px, which apparently, IE7 takes literally. -- Els http://locusmeus.com/ http://locusoptimus.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
