daggi

как сверстать без absolute фотографии мозайкой

Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>

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

я там все перепробовал это не работает...

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

Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю... в смысле обрезается, а как это обойти? Чета я не совсем понял о чем идет речь? Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю... в смысле обрезается, а как это обойти? Чета я не совсем понял о чем идет речь? Вот мое меню css ul#set-v li ul li{ width:215px; } ul#set-v, ul#set-v li, ul#set-v ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; } ul#set-v:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#set-v li { float: left; display: block !important; display: inline; position: relative; } ul#set-v a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #553015; border-color: #FFFFFF #25160F #25160F #FFFFFF; border-image: none; border-style: solid; border-width: 1px; color: #FFFFFF; display: block; font: bold 16px/23px Verdana,Arial,Helvetica,sans-serif; height: auto !important; padding:3px 8px; text-decoration: none; } ul#set-v a:hover, ul#set-v li:hover a, ul#set-v li.iehover a { background: #E9E0D0; color:black; } ul#set-v li:hover li a, ul#set-v li.iehover li a { background: #553015;/*оранжевое*/ color: white; } ul#set-v li:hover li a:hover, ul#set-v li:hover li:hover a, ul#set-v li.iehover li a:hover, ul#set-v li.iehover li.iehover a { background: #E9E0D0;/*светлое*/ color: black; } ul#set-v li:hover li:hover li a, ul#set-v li.iehover li.iehover li a { background: #553015;/*светло корич*/ color:black; } ul#set-v li:hover li:hover li a:hover, ul#set-v li:hover li:hover li:hover a, ul#set-v li.iehover li.iehover li a:hover, ul#set-v li.iehover li.iehover li.iehover a { background: #663333; color: #FFCCCC; } ul#set-v li:hover li:hover li:hover li a, ul#set-v li.iehover li.iehover li.iehover li a { background: #663333; color: #FFCCCC; } ul#set-v li:hover li:hover li:hover li a:hover, ul#set-v li.iehover li.iehover li.iehover li a:hover { background: #663333; color: #FFCCCC; } ul#set-v ul, ul#set-v ul ul, ul#set-v ul ul ul { display: none; position: absolute; top: 0; left: 160px; } ul#set-v li:hover ul ul, ul#set-v li:hover ul ul ul, ul#set-v li.iehover ul ul, ul#set-v li.iehover ul ul ul { display: none; } ul#set-v li:hover ul, ul#set-v ul li:hover ul, ul#set-v ul ul li:hover ul, ul#set-v li.iehover ul, ul#set-v ul li.iehover ul, ul#set-v ul ul li.iehover ul { display: block; } .pquote { margin:0 auto; width: 80%;clear:both; background: #F7FAF5; border:1px dotted #74A451; padding: 11px; 9px; 11px; 9px;color:#405B2D; font:12px verdana, arial, helvetica, sans-serif; } #counter { display:none; text-align:center; } Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю... в смысле обрезается, а как это обойти? Чета я не совсем понял о чем идет речь? Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю... в смысле обрезается, а как это обойти? Чета я не совсем понял о чем идет речь? Вот мое меню css ul#set-v li ul li{ width:215px; } ul#set-v, ul#set-v li, ul#set-v ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; } ul#set-v:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#set-v li { float: left; display: block !important; display: inline; position: relative; } ul#set-v a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #553015; border-color: #FFFFFF #25160F #25160F #FFFFFF; border-image: none; border-style: solid; border-width: 1px; color: #FFFFFF; display: block; font: bold 16px/23px Verdana,Arial,Helvetica,sans-serif; height: auto !important; padding:3px 8px; text-decoration: none; } ul#set-v a:hover, ul#set-v li:hover a, ul#set-v li.iehover a { background: #E9E0D0; color:black; } ul#set-v li:hover li a, ul#set-v li.iehover li a { background: #553015;/*оранжевое*/ color: white; } ul#set-v li:hover li a:hover, ul#set-v li:hover li:hover a, ul#set-v li.iehover li a:hover, ul#set-v li.iehover li.iehover a { background: #E9E0D0;/*светлое*/ color: black; } ul#set-v li:hover li:hover li a, ul#set-v li.iehover li.iehover li a { background: #553015;/*светло корич*/ color:black; } ul#set-v li:hover li:hover li a:hover, ul#set-v li:hover li:hover li:hover a, ul#set-v li.iehover li.iehover li a:hover, ul#set-v li.iehover li.iehover li.iehover a { background: #663333; color: #FFCCCC; } ul#set-v li:hover li:hover li:hover li a, ul#set-v li.iehover li.iehover li.iehover li a { background: #663333; color: #FFCCCC; } ul#set-v li:hover li:hover li:hover li a:hover, ul#set-v li.iehover li.iehover li.iehover li a:hover { background: #663333; color: #FFCCCC; } ul#set-v ul, ul#set-v ul ul, ul#set-v ul ul ul { display: none; position: absolute; top: 0; left: 160px; } ul#set-v li:hover ul ul, ul#set-v li:hover ul ul ul, ul#set-v li.iehover ul ul, ul#set-v li.iehover ul ul ul { display: none; } ul#set-v li:hover ul, ul#set-v ul li:hover ul, ul#set-v ul ul li:hover ul, ul#set-v li.iehover ul, ul#set-v ul li.iehover ul, ul#set-v ul ul li.iehover ul { display: block; } .pquote { margin:0 auto; width: 80%;clear:both; background: #F7FAF5; border:1px dotted #74A451; padding: 11px; 9px; 11px; 9px;color:#405B2D; font:12px verdana, arial, helvetica, sans-serif; } #counter { display:none; text-align:center; } ——————————————————-- а вот само меню <ul id="set-v"> <li><a href="">Услуги</a> <ul> <li><a href="">Вывоз грунта</a></li> <li><a href="">Вывоз строительного мусора</a> <!--<ul> <li><a href="">подменю 2 уровня</a></li> <li><a href="">подменю 2 уровня</a></li> <li><a href="">подменю 2 уровня</a></li> </ul>--> </li> <li><a href="">Аренда спецтехники</a></li> <li><a href="">Благоустройство</a></li> <li><a href="">Автотранспортные услуги</a></li> <li><a href="">ЖД-доставка</a></li> </ul> </li> <li><a href="">Песок</a> <ul> <li><a href="">Намывной песок</a> </li> <li><a href="">Карьерный песок</a></li> <li><a href="">Кварцевый песок</a></li> <li><a href="">ПГС</a></li> <li><a href="">Супесь</a></li> </ul> </li> <li><a href="">Щебень</a> <ul> <li><a href="">Гранитный щебень</a></li> <li><a href="">Щебень известняковый</a></li> <li><a href="">Гравийный щебень</a></li> <li><a href="">Камень</a></li> </ul> </li> <li><a href="">Бетон</a> </li> <li><a href="">Керамзит</a> </li> <li><a href="">Грунт</a> <ul> <li><a href="">Плодородный грунт</a></li> <li><a href="">Торф</a></li> </ul> </li> <li><a href="">Вторичные материалы</a> <ul> <li><a href="">Бой бетона</a></li> <li><a href="">Бой кирпича</a></li> <li><a href="">Бой асфальта</a></li> <li><a href="">Вторичный щебень</a></li> <li><a href="">Асфальтовая крошка</a></li> </ul> </li> </ul>

В Левом меню при открытии, список заходит под контент. все возможные способы с позиционированием пробовал ничего не помогает. может вы мне что подскажите что можно сделать?вот ссылка на сайт http://fr13809.tw1.ru/index.php

я что типа того делал. проблема решается но не так как хотелось бы... бог с ним с главной страницей где блог с абсолютным позиционированием. взять ту жестраницу где у меня просто поиск, там явно видно что футер весит в воздухе, все возможные методы перепробовал которые есть в инете, ничего не помогает. вот страничка на с посковиком на сайте : http://www.beka-mak.ru/component/search/?searchword=&searchphrase=all&Itemid=9999 Как быть? мастера дорогие мои?!) я что типа того делал. проблема решается но не так как хотелось бы... бог с ним с главной страницей где блог с абсолютным позиционированием. взять ту жестраницу где у меня просто поиск, там явно видно что футер весит в воздухе, все возможные методы перепробовал которые есть в инете, ничего не помогает. вот страничка на с посковиком на сайте : http://www.beka-mak.ru/component/search/?searchword=&searchphrase=all&Itemid=9999 Как быть? мастера дорогие мои?!) Дело в том что див абсолют только на главной. я сделал так чтобы стили абсолюта отображались только на главной! на другой странице дело не в этом походу...

я что типа того делал. проблема решается но не так как хотелось бы... бог с ним с главной страницей где блог с абсолютным позиционированием. взять ту жестраницу где у меня просто поиск, там явно видно что футер весит в воздухе, все возможные методы перепробовал которые есть в инете, ничего не помогает. вот страничка на с посковиком на сайте : http://www.beka-mak.ru/component/search/?searchword=&searchphrase=all&Itemid=9999

как сделать так чтобы футер обтекал див с абсолютным позиционированием с низу?