Ie6 hell! :(

HTML & CSS
1

Hello,

About to launch a website but the layout has gone absolutely crazy in IE6, I’ve never seen anything like this before. the <body> seems to create extra space to the left and I haven’t a clue how to fix.

Website

Any help would be GREATLY appreciated.

Thanks,
J

2

THANK YOU!.. that fixed it perfectly. :slight_smile:

3

Hi,

Your vid-post is 270px wide but your object seems to be 275px wide and therefore makes the element too big in IE6 as it tries to accommodate the extra width.

You could force the issue by hiding the overflow.

e.g.


    .vid-post{
        text-align:left;
        border:#a6d26a 1px solid;
        margin: 15px 15px 0 0;
        padding: 10px 10px 10px 6px;
        width: 270px;
        float:left;
        display:inline;
        height: 310px;
        background:#E8EFDF;
       [B] overflow:hidden;[/B]
    }

A better approach would be to make sure that everything actually adds up and avoid the issue altogether :slight_smile:

4

Also, while we’re on the subject can you shed any light on this page I tried a similar fix as what you just described but no such luck.

Thanks

5

Hi Welcome to Sitepoint :slight_smile:

It looks like haslayout issues on a number of elements.

Try this:


* html #wrap2,
* html .post,
* html ul.dropdown {zoom:1.0}

Whenever you have complicated content inside a container then that container needs haslayout. It also needs haslayout if it is being used a stacking context for absolutely placed children otherwise the children get placed anywhere.:slight_smile: