Thanks Joseph, but I don't know the width however. The right width column varies according to the width of the browser and it's content.
Stephen ----- Original Message ----- From: Joseph Taylor To: [email protected] Sent: Tuesday, June 30, 2009 10:00 PM Subject: Re: [WSG] Right div dropping below left floated div when browser resized IE6 will drop your content down to a place where it'll fit. You need to do something like this: my_container { min-width: XXpx; _width: XXpx; /* just for IE6 */ } IE6 needs specified width and then it'll behave like it was given a min-width. Joseph R. B. Taylor Designer / Developer -------------------------------------- Sites by Joe, LLC "Clean, Simple and Elegant Web Design" Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: [email protected] On 6/30/09 4:42 PM, Stevio wrote: I have two divs as follows (no link sorry, web page is protected) - a left div for navigation, a right div containing a header and table (with tabular data). The problem is that when the browser window is reduced in size, to the point that the table can no longer shrink to fit inside the available space, the table (but not the whole right div) drops down so that the top of the table is in line with the bottom of the left navigation div. This problem occurs in IE6 but not IE7 or Firefox. Any ideas how I can fix this so the table just stays in place like it should when the horizontal scrollbar appears? Code is below. Thanks. ------------------------ <div id="navigation"> --content-- </div> <div id="mainbody"> <h2>My List</h2> <div> <table class="TableList"> --table content-- </table> </div> CSS is: #navigation { float: left; width: 180px; margin-top: 20px; margin-bottom: 10px; margin-left: 9px; margin-right: 9px; padding-left: 1px; padding-right: 1px; background: #CCCCFF; border-top: 2px solid #336699; border-bottom: 2px solid #336699; } #mainbody { margin-left: 210px; margin-top: 20px; margin-bottom: 20px; margin-right: 20px; border: 0px solid black; } ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
