Search code examples
htmlcssgoogle-chromemarkup

div disappears in Chrome


I can't understand, what is my problem. I have this HTML code:

<div id="ad-wrapper" >
    <div id="ad-left-wrapper" >
        <img src="Images/promo-left.png" alt="" />
    </div>
    <div id="ad-middle-wrapper" >
        <img src="Images/promo-middle.png" alt="" />
    </div>
    <div id="ad-right-wrapper" >
        <img src="Images/promo-right.png" alt="" />
    </div>
</div>

and this CSS for it:

#ad-wrapper
{
    height: 450px;
    width: 900px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#ad-left-wrapper
{
    width: 210px;
    height: 450px;
    float: left;
}

/* for middle and right blocks styles are similar*/

And this blocks are disappears in Google Chrome. What's happened?


Solution

  • It's the adBlock chrome extension ;) rename your id's