Get the App
SLTechnology News&Howtos  ›  Development  › 

How to solve the odd width and height BUG in IE6

Shulou Source: shulou.com Published: 2022-06-03 06:25:49 10月05日 Update

This article will explain in detail how to solve the odd width and height BUG in IE6. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

As shown in the figure:

However, when you view it under IE6, it becomes the effect of right:1px:

IE6 also has an odd width and height bug, the solution is to change the external relative positioning of the div width to an even number. The height is the same.

View the source code:

CSS Code:

# out {

Width: 609pxbank * where the width is odd, bug appears! Change it to an even number and OK it * /

Height: 300px

Position: relative

Background:#FF0000

Color:#FFF

}

# inn {

Width: 200px

Height: 250px

Position: absolute

Top: 0px

Right: 0px

Background:#000000

}

XML/HTML Code:

This is the internal absolute positioning of the DIV

This is the end of the article on "how to solve the odd width and height BUG in IE6". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Tags: Odd article code even width more positioning good practical content that is effect article scheme is in source code knowledge solution height as shown in the figure Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno vpn Apple Microsoft MariaDB Xiaomi