Div не живая в Chrome и Opera - PullRequest
Новая
       2

Div не живая в Chrome и Opera

0 голосов
/ 27 декабря 2011

У меня есть этот HTML-код: 

<div id="social">
                <div class="barra_gris"></div>
                <div class="caixa_social"><a class="twitter" href="#" target="_blank"><img src="img/twitter.png" alt="twitter" /></a>
                <a class="facebook" href="http://www.facebook.com/pages/grup-abs/329596937580" target="_blank"><img src="img/facebook.png"  /></a>                      
                </div>
                <div class="idiomes"><a href="index.php?s=<? echo $s; ?>&p=<? echo $p; ?>&i=0">català</a> | <a href="index.php?s=<? echo $s; ?>&p=<? echo $p; ?>&i=1">castellano</a></div>
            </div>
            <div id="logo"><a href="index.php?s=1&i=<? echo $i; ?>"><img src="img/logo.png" alt="logo" /></a></div>
        </div>

И barra_gris имеет этот CSS: 

.barra_gris{
    position:relative;
    width:905px;
    height:15px;
    background-color:#6b6b6b;
    display: block;
}

Проблема в том, что Chrome и Opera не показывают класс barra gris сэтот фон?

URL сайта: http://abs.marcmorales.es/

В чем может быть проблема?

Ответы [ 3 ]

0 голосов
/ 27 декабря 2011

В Google, Opera и IE я вижу серую полосу сверху с логотипами Twitter и Facebook, а также языковые опции для Catala и Castellano. Плюс серая полоска в верхней части страницы ... http://imageshack.us/photo/my-images/267/barragris.png/

0 голосов
/ 27 декабря 2011

Поскольку этот Div не содержит никаких данных, поэтому по умолчанию его высота становится равной 0. Поэтому либо задайте некоторую высоту для этого div, либо используйте

0 голосов
/ 27 декабря 2011

Добавьте &nbsp; между div, и он будет работать следующим образом 

<div class="barra_gris">&nbsp;</div>
...