Home/ Questions/Q 7441987
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T11:06:24+00:00

Following HTML block: <html> <body> <div style=background-color: #fecfff;> <div style=float:left;> <div style=height:40px; width:40px; background-color:Red>

  • 0

Following HTML block:

<html>
<body>
    <div style="background-color: #fecfff;">
        <div style="float:left;">
            <div style="height:40px; width:40px; background-color:Red"> </div>
            Karl Mac
        </div>

        <div>
            some comments details<br />
            <div style="padding-top: 10px">
                links
            </div>
    </div>
</body>
</html>

Produces following:

enter image description here

How can I have Karl Mac too covered with color of parent container in this 2 column layout?
If I add “overflow:auto”, it gets fixed in Firefox and Chrome. But issue persists in IE.
thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As you’ve done for Chrome & Firefox:

    overflow: auto;

    To make it work in old IE as well:

    overflow: auto; zoom: 1;

    zoom enables “hasLayout” in old IE, which resolves many CSS bugs. There are also other ways to enable hasLayout, for more info: http://www.satzansatz.de/cssd/onhavinglayout.html

    • 0