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 не пойму, в чем же дело?

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

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

а можно поподробнее насчет 7. PROFIT

Здравствуйте, искал как решить данную задачу так и не нашел решения которое мне подходит, У меня есть меню в виде картинки сделаны: <img src="/images/prodykcia.png" border="0"> <img src="/images/partners.png" border="0"> <img src="/images/articles.png" border="0"> а мне нужно что если мы, например, находимся в разделе партнеры (<img src="/images/partners.png" border="0">), то она становится <img src="/images/partners-active.png" border="0"> background-ом не получилось так, думал сделать списком а потом просто фоном, но у меня нету ничего текстового, да и получается для каждого нужно стиль, так как картинки разные..

Спасибо огромное, помогло!)))

Всем привет, нужно скруглить только нижние левый и правый угол. -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; behavior: url(/PIE.htc); так во всех браузерах все нормально так и нужно, а вот в ие не показывается (проверял в ие9 ), но как только я ставлю border-radius: 8px; то есть все становятся скругленные углы, то все показываается но все 4 угла круглые а мне нужно только 2 нижних..

Благодарю =)

ну что яваскрипт это понятно, поэтому я и написал в ветке яваскрипт, а по подробней как написать?

Здравствуйте, есть картинки при наведении на которые меняется картинка вот код: <img onmouseout="this.src='/images/p1-noactive.jpg'" onmouseover="this.src='/images/p1.jpg'" src="/images/p1-noactive.jpg"> несколько таких картинок а мне нужно чтобы еще при наведении на картинку менялась она и еще менялась картинка в шапке сайта при этом в шапке еще и текст, как такое можно реализовать??

не подскажете пожалуйста?

не подскажете в чем проблема? вырезаю изображение в фф тот цвет который нужен, а в хроме,опере и др. другой цвет, это можно как-то решить?

можно,в стиле прописать table { что хотите } tr { что хотите } td { что хотите } а как у вас то можно так table.table { }