Dave M G wrote: > 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,
You need to add a float:right to all of your "*-right" divs and they should also be closed (i.e. </div> before starting another <div ...> Here is my code for http://projects.missioninternet.com/proweb. I removed most of the content to make it easier to see the flow of divs. -Tim <body> <div id="pageDef"> <?php include ("http://projects.missioninternet.com/proweb/include/header.php";); ?> <?php include ("http://projects.missioninternet.com/proweb/include/topmenu.php?page=home";); ?> <div id="content"> <div class="infoSection"> <div class="infoSectionPad"> <div class="infoCol3"> </div> <!-- end infoCol3 --> <div class="infoCol2"> </div> <!-- end infoCol2 --> <div class="infoCol1"> </div> <!-- end infoCol1 --> </div> <!-- end infoSectionPad --> </div> <!-- end infoSection --> <div class="infoSection"> <div class="infoSectionPad"> <div class="infoCol3"> </div> <!-- end infoCol3 --> <div class="infoCol2"> </div> <!-- end infoCol2 --> <div class="infoCol1"> </div> <!-- end infoCol1 --> </div> <!-- end infoSectionPad --> </div> <!-- end infoSection --> </div> <!-- end content --> <div id="footer"> <div id="footerPad"> <div id="footerCol2"> <ul> <li><a href="/proweb/">Home</a> | <a href="/proweb/search-engine-optimization/">Search Engine Optimization</a> | <a href="/proweb/paid-search-management/">Paid Search Management</a></li> <li><a href="/proweb/terms-of-use/">Terms of Use</a> | <a href="/proweb/privacy-policy">Privacy Policy</a> | <a href="/proweb/site-map/">Site Map</a> | <a href="/proweb/login/">Client Login</a></li> </ul> </div> <!-- end footerCol2 --> <div id="footerCol1"> <ul> <li>Copyright © 2007 ProWeb Marketing, All rights reserved.</li> <li>Portland, OR</li> </ul> </div> <!-- end footerCol1 --> </div> <!-- end footerPad --> </div> <div style="margin:0 auto 0 auto;"> <img src="/proweb/images/bottom-left.jpg" width="15" height="15" id="bottomBorderLeft" alt=" "> <img src="/proweb/images/bottom-center.jpg" width="780" height="15" id="bottomBorderCenter" alt=" "> <img src="/proweb/images/bottom-right.jpg" width="15" height="15" id="bottomBorderRight" alt=" "> </div> <!-- end footer --> Here's the stylesheet for the footer: #footer { background-image:url(../images/bg.jpg); background-repeat:repeat-y; clear:both; position: relative; background-color: #FFFFFF; width: 810px; margin: 0 auto 0 auto; padding: 0; } #footer img { border: none; } #footerPad { border-top-color: #0076D6; border-top-style: solid; border-top-width: 1px; font-size: 11px; height: 30px; margin: 5px auto 0 auto; padding-top: 10px; width: 780px; } #footer a { color : #0076D6; text-decoration : none; } #footer a:visited { color : #0076D6; text-decoration : none; } #footer a:hover { font-weight: bold; text-decoration : underline; } #footer img { margin-left: 4px; margin-right: 4px; border: none; } #footerCol1 { float: left; width: 50%; margin: 0; } #footerCol1 ul { margin:0; padding: 0; text-align: left; } #footerCol1 li { list-style: none; text-align: left; } #footerCol2 { color : #0076D6; float: right; width: 50%; margin: 0; text-align: right; } #footerCol2 ul { margin:0; padding: 0; text-align: right; } #footerCol2 li { list-style: none; text-align: right; } #bottomBorderLeft { border:none; float: left; height: 15px; width: 15px; } #bottomBorderCenter { border:none; float: left; height: 15px; width: 780px; } #bottomBorderRight { border:none; float: left; height: 15px; width: 15px; } ______________________________________________________________________ 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/
