div исчезает в Chrome

Я не могу понять, в чем моя проблема. У меня есть этот HTML код:div исчезает в Chrome

<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>

и этот CSS для него:

#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*/

И это блоки исчезает в Google Chrome. Что случилось?

источник

2013-08-08 Kirill A.

Хммм, я не знаю. Я сделал быструю скрипку (http://jsfiddle.net/kxEnv/), и все отлично работает на Chrome, на моей стороне. Я разместил скучные фоновые цвета, чтобы увидеть результат. –

Вы можете добавить ссылку на свою страницу? или положить его в jsfiddle.net? –

Прекрасно работает для меня. http://jsfiddle.net/6TMWn/ –

Это расширение хром Adblock;) переименовать

источник

2013-08-08 14:05:02 NinjaOnSafari

Это на самом деле звучит как правильный ответ, это единственное, что я мог видеть в качестве причины для этой конкретной проблемы. .. –

Отключение рекламного блока для страницы также будет работать ... очевидно. – mtt

Ой, мой ... Да, ты прав))) Спасибо !!! –

Ваш HTML скрипт работает отлично вашего идентификаторам. Это не отображается в FireFox и Chrome, потому что вы не указали какой-либо цвет границы или цвет фона.

Я проверил на Chrome. Просто загляните в нее

<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> 

#ad-wrapper 
{ 
    height: 450px; 
    width: 900px; 
    margin-top: 20px; 
    margin-bottom: 20px; 
    border:solid 1px; <!-- Border pixel --> 
    border-color:#ff0;<!-- Border color--> 

} 

#ad-left-wrapper 
{ 
    width: 210px; 
    height: 450px; 
    float: left; 
    border:solid 1px; <!-- Border pixel --> 
    border-color:#999;<!-- Border color--> 
} 

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

источник

2013-08-08 14:21:27

ответ

Смежные вопросы