Re: [css-d] Divs misaligning in IE only

[Zoe M. Gillenwater]

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/

[css-d] Divs misaligning in IE only

[Anne E. Shroeder]

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/

Re: [css-d] Divs misaligning in IE only

[Parag Jagdale]

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/