Strange stock 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 divs in IE6 are separated by a white column. In FireFox, this is normal (divs are not separated). Could you give me some tips to fix this in IE6?

+3
source share
1 answer

This is a known IE6 bug. Best read here: http://www.positioniseverything.net/explorer/threepxtest.html

A quick fix would be to float left as your divs (but this is not always applicable).

+4
source

Source: https://habr.com/ru/post/1770888/


All Articles