Re: [css-d] Divs misaligning in IE only
Anne E. Shroeder wrote: > http://www.language-works.com/IRF/about/ > CSS: http://www.language-works.com/IRF/css/irfstyles.css > > I'm sure this is super simple -- the main body text of my page is shoving > down below the left nav bar in IE. It's not just IE -- it happens in FF too. It's because you have a div between the leftnav and maincontent divs called "nowrap". Get rid of this div. Then, get rid of the float on maincontent. Either float both the columns and give them both widths but not margins, or float the left column only and give the right column no width and a large left margin. You're mixing the two methods for creating basic two column float layouts, which doesn't work. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Divs misaligning in IE only
I believe you are missing a float:left; in #maincontent so it should look like: #maincontent { float:left; padding-left:12px; border-left: 1px solid #FFCC66; margin-left: 236px; } Parag __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Divs misaligning in IE only
http://www.language-works.com/IRF/about/ CSS: http://www.language-works.com/IRF/css/irfstyles.css I'm sure this is super simple -- the main body text of my page is shoving down below the left nav bar in IE. The left and main part of the content are contained within a div: #mainbody { top: 170px; } and the left nav is defined as : #leftnav { float:left; position: relative; width:200px; font-weight: bold; } the main content defined as: #maincontent { padding-left:12px; border-left: 1px solid #FFCC66; margin-left: 236px; } What am I missing? Anne [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/