ansaurus

Question

Answer 1

+2 A:

You should try validating your web page. You've given it an xhtml doctype but you're definitely not writing valid xhtml. Invalid code like that can frequently cause glitches in different browsers, though in the case of IE6 it may not work right anyway.

bemace 2010-10-26 03:37:24

Answer 2

A:

If i recall correctly IE needs to have a width on the div#main if you want to clear it using the overflow method.

prodigitalson 2010-10-26 03:40:00

Answer 3

+1 A:

Try adding a height: 100% to #main - it's a known hack to make IE render overflow: auto properly.

casablanca 2010-10-26 03:40:47

Thanks it works

Thomas John 2010-10-26 04:03:01

Answer 4

A:

Float right and float left do not cause the wrapper to extend downward.

place <div style="clear:both"></div>

after the closing tag for div id="right" it will pull the wrapper and main divs down.

Wayne 2010-10-26 03:44:22

Answer 5

A:

Here's a hack I use. Remember, this is a total hack and shouldn't be substituted for sound css. Paste this into the bottom of your page.

<script type="text/javascript" language="javascript">

function setMainHeight(){
    var main = document.getElementById("main");
    var left = document.getElementById("left");
    var right = document.getElementById("right");

    main.style.height = (left.offsetHeight >= right.offsetHeight) ? left.offsetHeight + 'px' : right.offsetHeight + 'px';

}
setMainHeight();

</script>

ajax81 2010-10-26 03:50:16

ansaurus

tags:

views:

answers:

HTML layout issue in IE6, please help

related questions