Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Не отображается блок div в Chrome

Автор: Sportsmen 14.5.2012, 16:17

Народ, подскажите, в чем проблема - не отображается меню (div блок) в chrome? В IE и Mazile все в порядке. Сайт transcity-rus.com.xsph.ru

Автор: Aliance 14.5.2012, 16:24

Цитата(Sportsmen @ 14.5.2012, 17:17

)

в чем проблема - не отображается меню

какое меню? тут не форум детективов, код в студию.

Автор: Sportsmen 14.5.2012, 21:30

Код


<div  id="sidebar"> 
  <h4>НАШИ УСЛУГИ</h4>
  <ul>  
    <li><a href="uslugi/dachniy/dachniy-pereezd.html">Дачный переезд</a></li>
    <li><a href="uslugi/office/ofisniy-pereezd.html">Офисный переезд</a></li>
    <li><a href="uslugi/kvartira/kvartirniy-pereezd.html">Квартирный переезд</a></li>
    <li><a href="uslugi/other-city/pereezd-drugoy-gorod.html">Переезд в другой город</a></li>
    <li><a href="uslugi/mezhgorod/mezhdugorodnie-perevozki.html">Междугородние перевозки</a></li>
    <li><a href="uslugi/gorod/gorodskie-perevozki.html">Городские перевозки</a></li>
    <li><a href="uslugi/gruzchiki/gruzchiki.html">Услуги грузчиков</a></li>
  </ul>
  </div>

Код


#sidebar {
    margin-right:840px;
    overflow:hidden;
}
#sidebar ul {
    list-style-type:none;
    padding-left:0;
    margin:0;
}
#sidebar li {
    line-height:2em;
    border-bottom: #464646 dotted 1px;
}
#sidebar li a {
    text-decoration:none;
    display:block;
    padding-left:20px;
}
#sidebar li a:link, a:visited {
    color:#464646;
}
#sidebar li a:hover, a:active {
    color:#006699;
    background-color:#bfd8e9;
}
#sidebar h4 {
    margin:0;
    font-size:14px;
    text-align:center;
    color:#FFFFFF;
    background:#464646;
    line-height:35px;
}

Автор: Guedda 15.5.2012, 07:32

Sportsmen, смысл в

Код


#sidebar {
    overflow:hidden;
}

???
Уберите его, и будет Вам счастье.

Автор: Sportsmen 15.5.2012, 20:51

Цитата(Guedda @ 15.5.2012, 07:32)

Sportsmen, смысл в

Код


#sidebar {
    overflow:hidden;
}

???
Уберите его, и будет Вам счастье.

Огромное спасибо. Я так и думал. что где-то здесь копать надо.
Интересно, конечно, почему так. Особенность Chrome или ошибка верстки?

Автор: Guedda 16.5.2012, 10:36

И ошибка верстки и других браузеров (хром какраз сработал как и полагалось). если бы вы задали высоту, тогда бы такой проблемы не было. либо overflow: auto. А так Вы сказали скрывать всё, что будет превышать высоту блока (хотя блок не проинициализирован).