Bingo

эти блоки сделанные фоном и border'ом, поэтому и нужно чтобы они были растяну в низ..

Здравствуйте, вот собственно и проблема, не понимаю в чем дело, HTML CSS

SelenIT, Спасибо тебе! в который раз выручаешь)))

Не подскажете как называется скрипт или как сделать как изображено тут savlis. com ? при наведении на картинку проявляется на этой картинке фон с текстом, где "Детские" и т.д.

SelenIT, спасибо большое! помогло!!!

а как можно обойти это? или совсем никак?

Проблема такова, <ul class="main"> <li>Главная</li> <ul> <li>Подменю</li> <li>Подменю</li> </ul> <li>Главная</li> <ul> <li>Подменю</li> <li>Подменю</li> </ul> </ul> ul.main li { list-style:none; background:url(/images/menu_background.jpg) no-repeat; color:#000000; font:11px arial; padding-left:15px; margin-top:10px; margin-left:5px; position:relative; } ul.main ul li { list-style:square; padding-left:0px; background:none; color:#bcbec0; margin-top:0px; } как только я первому даю высоту 22px (высота фона, у меня сразу подпункты почему-то под другими пунктами)и не знаю даже как быть...

Спасибо большое! Получилось, сделал так #container { float: left; width:100%; overflow: hidden; position:absolute; } #content { padding: 10px 28px 0 210px; color:#000000; font:12px; font-family:Arial; text-align:justify; } а в #content просто paddding сделал слева и все так как нужно встало Gaspode, Спасибо тебе еще раз! по поводу outline спасибо, буду теперь так когда проверяю делать)

насчет ширины, да убрал и все норм, бордер поставил чтобы лучше видно было). А как тогда расположить чтобы от левого блока он отходил? просто ставлю margin-left ну и он конечно смещается..

Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:absolute; } #content { padding: 10px 28px 0 10px; color:#000000; font:12px; font-family:Arial; text-align:justify; width:100%; } /* Sidebar Left —————————————————————————--*/ #left { float: left; position:relative; width: 210px; background:#ffffff; background:url(/images/left.jpg) no-repeat; padding-left:25px; margin-top:170px; height:968px; } не поможете?)

Спасибо большое за советы, к сожалению, так не получилось, но я просто по-другому сделал, чтобы и в хроме работало, прописал почти такое же как и тут .table_search_head и все отобржается кооректно =) конечно не лучший вариант, но работает. Еще раз Спасибо =)

Я имею ввиду когда я назначаю width:740px , то в фф,ие, опере это 740px, а вот в хроме почему-то 740 <div class="table_search_head"></div> <div class="table_search" style="background:#d1d3d4;"></div> <div class="table_search" style="background:#e2e9ee;"></div> <div style="width:740px; border:1px solid #3d3d3d;"></div> и вот эта ширина в хроме на 2 px больше .table_search_head { background: none repeat scroll 0 0 #17519C; border-left: 2px solid #343535; border-right: 2px solid #343535; border-top: 2px solid #C9C8C8; color: #FFFFFF; display: table; font: 12px arial; width: 740px; .table_search { border-left: 2px solid #343535; border-right: 2px solid #343535; display: table; width: 740px; }

В фф,ие,опере <div style="width:740px; border:1px solid #3d3d3d;"></div> показывает 740px, но почему-то такая же длина показывает в хроме больше на 2px не пойму, в чем же дело?

Ясно, подумаю еще, спасибо за то что ответили =)

как раз списком я и не хотел, а другой способ есть ли..