Архив форумов ЦИТФорума

[evin]

Здравствуйте! Не могу решить проблему отображения адекватной панели навигации в ie6 - в 7-м глюка нет, в мозиле-опере тоже. А в 6-й сваливается вниз страницы. (www.supershkaf.com)
код выглядит так:
<div id="wrapper"> общий див
<div id="header"></div> (header) заголовок
<div id="content"> общий див контента, разделеный на 2 - blog справа, и sidebar - навигация слева
<div id="blog">
</div>(блог)
<div id="sidebar"> навигация
ul
li ...</li>
...
</ul>
<div style="clear: both; height: 1px;"></div>
</div> (sidebar)
<div style="clear: both; height: 1px;"></div>
</div> (content)
<div id="footer"></div>
</div> (wrapper)

css
#wrapper {padding: 20px 0;background: url(images/img02.jpg) repeat-x;}
#header {width: 700px;height: 160px;margin: 0 auto;background: url(images/img03.gif) no-repeat}
#content { width: 700px;margin: 0 auto;background: #FBE8E8 url(images/img04.gif) repeat-y;}
#blog {float: right;width: 424px; padding: 50px 20px 0px 16px;
background: url(images/img06.gif) no-repeat;}
#sidebar { float: left;width: 204px;padding: 50px 16px 0px 20px;
background: url(images/img05.gif) no-repeat;}

Понятно, что меню "уходит" из-за того, что навигация и контент "blog" разной высоты. Я пыталась это меню (ссылки, заключенные в ul) и в другой div обернуть и отцентрировать его как-то, и присвоить этому div разные position и display ...вообщем много чего, и все без толку! Помогите!! Как список привязать к верхушке diva?

[Zloy]

#content { width: 700px;margin: 0 auto;background: #FBE8E8 url(images/img04.gif) repeat-y;vertical-align:top;}
А так не помогает?
_________________
Я посередине.Оккам форевер!

[Mytilus Galloprovincialis]

vertical-align используется по большей части для таблиц и к DIV не применяется. Если у тебя нет никакого желания использовать табличную верстку, то могу предложить такую модель:

[Zloy]

Хм..век живи век учись.) хотя я по большей части таблицу как раз пользую)
_________________
Я посередине.Оккам форевер!

[Mytilus Galloprovincialis]

[evin]

Да, с таблицей было бы легче, но вот решила применить более новые методы))) пока удалось только сделать blog прокручивающимся, при этом он не крутится, но полосы появились))) немного нарушил картинки, но все лучше, чем падающее меню...а ваши варианты попробую, напишу потом

[Mytilus Galloprovincialis]

Чтобы скроллируемый блочный элемент не отображал полос прокрутки без необходимости, надо дать ему "style=overflow:auto".

[evin]

да, задала блогу авто, и полосы пропали, спасибо за подсказку...теперь адекватно в 6-м отображается...а в 5.5 некорректно, но уже не буду под него делать, все -таки наверно им мало кто пользуется...

[Zloy]

[Mytilus Galloprovincialis]

Раз до сих пор существует провайдерская услуга коммутированного доступа в Сеть, значит еще есть люди, выходящие в Интернет по факс-модему. Засунь в таблицу несколько картинок, и посетители твоего ресурса с худым коннектом мысленно похоронят и тебя, и твой сайт.

[Zloy]

[Костя]

[Mytilus Galloprovincialis]

Здравствуй, Костя!
В твоей ссылке на тему верстки дивами или таблицами идет указание на документацию (повторюсь: документацию). А всем мало-мальски толковым верстальщикам известно, что, например, Майкрософт местами глубоко клал на эту документацию. И не малым образом это сказывается на верстке табличного и блочного контентов. На сегодняшний день IE используют три четверти пользователей Сети, и поэтому - волей или неволей - приходится мириться с необходимостью отступать от "пожеланий" W3C во благо пользователей Internet Explorer. Вместо того, чтобы слепо руководствоваться требованиям верстки, надо бы еще проверять, как работа выглядит в браузерах. Тогда у тебя, возможно, появится какое-то уважение к людям, работающим с этим, и фразы, наподобие "глупые замечания", останутся при тебе.

С уважением.

P.S.: Красносельский, учи мат. часть!