CODEWITHSUNDEEP
cssinternet-explorerhtmlmargin
timkishkin
timkishkin

Reputation: 73

Strange margin in IE6

Here is the code: 

<html><head>
<style>
    *
    {
        margin: 0px;
        padding: 0px;
        border: 0px none;
    }
    #left
    {
        float: left;
        height: 90%;
        width: 100px;
        margin: 0px;
        padding: 0px;
        border: solid 1px Black;
    }
    #right
    {
        height: 90%;
        margin: 0px;
        padding: 0px;
        border: solid 1px Black;
    }
</style></head><body><div id="left">
    asdasd<br />
    asdasd<br />
    asdasd<br />
</div>
<div id="right">
    asdasd<br />
    asdasd<br />
    asdasd<br />
</div>

These 2 div in IE6 are separated by white column. In FireFox it's ok (divs aren't separated). Can you please give me some advice to fix this in IE6?

Upvotes: 3

Views: 259

Answers (1)

Alin P.
Alin P.

Reputation: 44376

That's a known IE6 bug. It's best to read here: http://www.positioniseverything.net/explorer/threepxtest.html

A quick fix would be to float to the left both your divs (but it's not always applicable).

Upvotes: 4

Related Questions