By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,396 Members | 1,869 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,396 IT Pros & Developers. It's quick & easy.

IE6 cropping nested div

P: n/a
I have a page set up like so:

==================================

<html>
<head></head>
<body>

<div1>HEADER -- sits at top</div1>

<div2>

<div3>NAV BAR -- floats left and has a negative margin so it
appears to overlap div2 </div3>

<div4>RT BAR -- same as the NAV BAR except it's on the right
side</div4>

Main body copy

<div5>FOOTER -- clear: left -- sits at the bottom of my
content</div5>

</div2>

</body>
</html>

==================================

The problem is that IE6 doesn't seem to appreciate negative margins.
Any part of a nested div that appears outside of the parent is cropped
off. I have no issues with any other browser. What gives?

My CSS looks like this:

==================================

..NAVBAR {
margin-left: -12px;
margin-right: 10px;
margin-bottom: 5px;
width: 150px;
float: left;
}

..RTBAR {
margin-left: 10px;
margin-right: -12px;
margin-bottom: 5px;
width: 121px;
float: right;
}

==================================

If I'm being unclear, please let me know.
Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.