[css-d] Div's not aligning right in IE7
CSS Discuss, I have created a page at the following URL: http://tokyocomedy.com/tokyo_comedy_store The CSS and HTML validate. The design displays as intended in FireFox and Opera. (The design doesn't quite fit into an 800 pixel wide space, which I intend to adjust.) In Explorer version 7, on XP and Vista, however, the alignment of various div tags is askew, as can be seen here: http://www.browsercam.com/public.aspx?proj_id=371261 What is IE7 doing different? Thank you for any advice. -- Dave M G __ 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/
Re: [css-d] Div's not aligning right in IE7
Dave M G wrote: http://tokyocomedy.com/tokyo_comedy_store In Explorer version 7, on XP and Vista, however, the alignment of various div tags is askew What is IE7 doing different? For one: IE7 doesn't support the 'inherit' value any more than IE6 does, so - among other things - several elements lack 'height' value - and thereby some much needed 'hasLayout' triggers. A quick test reveals that most alignment-failures in IE7 are fixed when actual values are used instead of 'inherit'. Also: there's one end tag for div missing in there, but I didn't check which one of if it matters. FWIW: I can't see the point in that IE6 warning, as IE6 isn't going to drop below a safe to ignore level any time soon no matter what. IE6 will also probably render your page(s) close to IE7 - for CSS, since these two versions tend to fail on the same CSS. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] Div's not aligning right in IE7
Gunlaug, Moxy, Thank you for responding. Moxy said: You need to add a float:right to all of your *-right divs Hmm... I tried that, but then I ended up with everything moving to the right and having huge gaps in my layout. and they should also be closed Whoops... accidentally deleted a /div when I added Google analytics javascript. That's been resolved. The HTML validates. I promise. Gunlaug said: IE7 doesn't support the 'inherit'... A quick test reveals that most alignment-failures in IE7 are fixed when actual values are used instead of 'inherit'. Well, I used a value of 100% instead of 'inherit', and that seems to have resolved a lot of the problems, particularly in the header and footer. However, two problems remain. The background graphics on the left and right side of of the main body are still a little out of alignment. And the Made with Articlass text at the bottom right corner is too far to the right. The problems are visible here: http://www.browsercam.com/public.aspx?proj_id=371261 (You may have to go to the second page to see the screen shots of the problems I am referring to.) Any advice on how to kill these last two snags would be greatly appreciated. Thank you. FWIW: I can't see the point in that IE6 warning The list moderator has made it clear to me in the past that this list is not the place for discussing opinions about this kind of thing. I'm happy to discuss it, but it'd have to be off list. -- Dave M G Articlass - open source CMS http://articlass.org __ 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/