Dessss

Ну и шо по твоему html понятно? Ты давай сылку на рабочий проект или пиши сюда код полностью ксс и хтмл

Научи плохому. Не юзайте хаки а разбирайтесь в чем дело. Скорее всего 3пк баг у картинки попробуйте vertical-align:top;

div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif) no-repeat 0 1px; } Так хотели?

Да потому что h2 по своему дефолтному состоянию является блочным элементом. А чему равна ширина блочного элемента? Ширине родителя. Вот и получалось что h2 с бордером занимал всю ширину родителя а текст становился слева. Давши overflow ты обрезал часть блока которая уходила под картинку влево. Для большего понимания посмотри firebug с оверфлов и без и сразу поймешь все.

#sl че за такая ширина и высота по 30 пх? У меня даже в фф не работает. Проблемы со стилями. Я б убрал Position relative

overflow:hidden; height:1%;

Стока пхп. Ну так на вскидку вы сами режете свою шапку в body margin:0 30px;

Интересует софт наподобии pixelperfect только для ie 6. Раньше накладывал обычной картинкой через просмотрщик сейчас захотелось узнать есть ли такой софт.

Могу сильно придраться? Придраться?

Да боже упаси юзать reset. Я говорил о переопределении а не о глобальном сбросе.

Поддержую предыдущий пост. Тянется в ие на ширину родительского блока. Поробуй div#toolbar вместа clear:both дать float:right. И вообще пофлоти все уголки

Да я вижу советы, давайте будет верстать как удобно каждому и наплевать на соответствие дизайну и на разный вид в разных браузерах. Если б человек изначально обнулил или переопределил деф маржины у p то и не было бы этой темы.

У меня нет слов ТС у тебя неправильный подход вообще к верстке. 1) Почему тут код один а на сайте другой? 2) Что это за margin 30% 30% 20% 3) min-height 100? Зачем? Ну и т.д и т.д В общем как бы я сделал. Ну если ты так хочешь вешай на боду свой бекгроунд с черным цветом позиционируй по сентру. Далее враперу своему даешь ширину и позицинируешь по центру margin:0 auto; А вот потом уже позиционируй в нем ul токак не маржинами с процентами а падингами с враппера или если по нубовски то с ul. И все будет ok.

ТС а что это - <div ul id="nav"> я такое впервые встречаю эти типа гибрид ул и дива?

Делаешь кнопку либо картинкой либо уголками в зависимости от того тянется она или нет. Ну про дроп рассказывать не буду имхо есть кучу ресурсов. Делаешь див на него вешаешь полоску вертикальную репетер пото в него еще один див на нело левый уголок потом еще один див на него правый уголок. Ставишь всей байдет высоту и наезжаешь отрицательным маржином на кнопку. Еще вертикал алигн сентер и отбиваешь падингами слева справа. Насчет текста на белом фоне с рамкой это я уже не знаю либо дроп дальше либо все в один. И никакие наф тут JS и не впали.

Вредные? Наплевать? Тогда чему удивляться если все выпадает и разлетается. Дефолтные значения всегда нужно либо обнулять либо изменять. Даже сейчас в ИЕ 6 отступ между параграфами больше чем в лисе и в опере (ну не считая неподключенных пнг фильтров). Конечно такое можно исправить многими способами и почему то вы не предлагаете убрать первоисточник проблем. Падинг и овер просто дадут блоку возможность захватить нижний маржин в блок. И кстати потесть в разных браузерах у меня в 6 ие меню упало. P.S. Есть просто способ не создавать ситуацию схлопывания блоков - это не юзать верхний маржин вместе с нижним и вообще юзать только один. А еще лучше забудьте о маржинах юзайте падинг.

Какое выпадение границ господа. Да тут тупо дефолтные маржины у p не обнулены поэтому у последнего параграфа идет дефолтный маржит который рвет спан с кругляшками к низу. Как выход ставить маржины топ у всех p. Или ботом но при это заезжать на такоеже расстояние нижним спамом наверх отрицатетьным маржином. А вообще дефолтные маржины обнулять или перебивать нужно всегда т.к в разный браузерах они разные.

Всем сенкс но проблема решилась еще вчера. Думал без експрешена можно будет но увы не выходит (

Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: relative; } .nav ul li a{ overflow: hidden; text-decoration: none; display:block; position:relative; } .nav ul li a strong{ background:url(../images/bg-nav.png) no-repeat ; list-style: none; height: 33px; float: left; color: #fff; font: 11px Arial, Helvetica, sans-serif ; padding: 10px 25px 0 10px; } .nav ul li a em{ color: #d1cdc7; font-size: 11px; font-style: normal; display: block; } .nav ul li a span{ background:url(../images/bg-nav-r.png) no-repeat ; width: 7px; height: 43px; float: left; } .nav li ul{ position: absolute; padding: 0; margin: 0; top: 43px; left: 0px; display: block; width:100%; } В двух словах есть ul в ней li притом тянется по ширине и фиксированная по высоте. В li вложенно выпадающее меню ul. Так вот надо что бы ширина дроп дауна равнялась ширине li. Юзаю на дроп даун ul width:100% все ок но в IE 6 тянет весь дроп даун на весь экран. Что делать? Рабочий пример тут http://des.svdteam.com/boshoeve/

Да то тетсовый был. Вот http://www.rem.kharkov.ua/ уже заверстал посмотри в 6 ие

Почистил ассес странно вчера чистил чудеса.

Так выложил выше пример на хосте и архив с кодом. У меня тупо в 6 ие и в иетестере при ховера пропадают кнопки на пол секи.

Ну нету толковых верстальщиков?

Сылка на хосте Код в архиве Вообще не-пойму почему так подгружает в IE6

Меню спрайтами а текст для роботов. Ссылку позже Я немного другой юзаю раньше все было ок а теперь непонятно почему идет тупо в 6 перегруз картинки. Так что ховера на li у меня в IE6 работают а на <a итак должны работать норм