taestrada wrote: > > From: Alan Gresley [mailto:[email protected]] > > taestrada wrote: >> >> http://foundations-aba.com/index2.html >> > > Strange case, Something to do with the wide image in the page header. > Clear left on div#navigation brings IE7- into line. > > #navigation { > width:175px; > float: left; > margin-top: 0px; > clear:left; /* Add for IE7- */ > } > > To fix the margin-top in IE7- for the <h1> header in div#mainContent add > this CSS. > > #mainContent h1 { > margin-top: 20px; > } > > > None of these fixes should disturb the other browsers.
> Yay, thank you so much! Not sure how you figured that out but I really > appreciate it! > > Alix Hello Alix, please delete my signature line (at the bottom of this email after the two dashes) before typing a reply. This is not a CCS bug but different CSS will produce various unusual rendering in IE7-. You have used the depreciated HTML attribute [1] align="left" on the header image and this causes the image to behave much like a float in IE7-. The div#navigation is simply floating up beside the image in IE7-. Here is a test case. <http://css-class.com/test/bugs/ie/float-left-after-image-align-left.htm> Compare between good browsers and IE7-. Another solution is to simple remove the HTML attribute [1] align="left". My solution (clear:left) was a hack around what I was not understanding. 1. <http://www.w3.org/TR/html401/index/attributes.html> -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
