z-0091

скролла раньше не было. он появился случайно в процессе различных проб. добавил позитион релатив и з-индекс для всех вложенных р в блоке текста. проблема в принципе решилась...

Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"> #bottl { position:absolute; background-image:url(../images/bottl2.png); z-index:3; background-repeat:no-repeat; width:960px; height:616px; margin: 0 auto; top: 0px; left:63%; } Я пробывал поставить на слой с текстом z-индекс больше чем стоит у картинки, но почему-то не получил ни какой реакции. Релатив тоже поставить нельзя, так как сразу рушится ширина слоя где меню...

можно поподробнее про то что за класс добавить?

и как тогда быть

axcay.net в контенте идут отступы

ff5 ch. А что за сервис, на который ссылка?

p { margin: 0 0 0px; color:#FFF; text-align:justify; text-indent: 1em; } p:first-child { text-indent: 0; } не пойму в чем причина. перепробовал и записи вида .text p {....

Большое спасибо. Тему можно закрыть В смысле не толкает? Не увеличивает высоту блока? Почитайте про поведение плавающих блоков и про очистку потока. По теме. Как минимум: 1. Убрать height у #content у #content нету height #content { padding: 0 202px 0 0; z-index:0; }

не известно почему вложенная картинка вылезает за слой. Сайт axcay.net На главной странице картинка в контексте при указании ей флоат:лефт не толкает собой внешний слой. <div class="block"> <img src="images/index/08.jpg" class="block_img" alt="вода Ахсу"/> <h1>О воде «Ахсау»</h1> <p>По заключению ФГУ «Пятигорского ГНИИК Росздрава» вода «Ахсау» относится к минеральным природным столовым водам сульфатно-гирокарбонатного натриевого-кальциевого состава и соответствует ТУ 9185-001-75940413-07. «Ахсау» - единственная в России минеральная природная вода, забираемая из источника на высоте 2063 м в Национальном парке «Алания». </p> </div> css .block { width:100%; height:100%; padding: 10px 16px 10px 16px;; background-color:#1e3255; border: 1px #325493 solid; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .block_img { padding-right:16px; width:120px; float:left; } .block h1 { font-size:32px; color:#fff; margin-bottom:10px; }

Спасибо большое. Подскажите пожалуйста что мне сделать со слоем брызг. Для того что бы понять о чем я говорю, зайдите на axcay.net и отдалите страницу.

к сожалению это решение не приемлено. При удалении отрицательного маргина, появляется дополнительный промежуток перед footerом. И сие действие ни как не убирает нужный мне отступ.

footer с низу имеет отступ, образованный из за слоя с улиткой. Этот отступ отображается только в FF и IE. слой с улиткой snail. html <div id="footer"> <div id="snail"></div> </div><!-- #footer --> css #footer { width: 960px; margin: -100px auto 0; height: 100px; background: #284271; background-image:url(../images/briz_footer2.png); background-repeat:no-repeat; } #ns { position:absolute; margin: 0 0 -100px 0; background-image:url(../images/NS.png); background-position:right; background-repeat:no-repeat; width:186px; height:80px; left: 659px; top: 941px; } #snail { position:relative; height:211px; width:185px; background-image:url(../images/snail.png); background-repeat:no-repeat; z-index:3; bottom:111px; } Сайт axcay.net

Оказалось, что при таком решении, при увеличение длины колонок, они не давят на footer

да, так и рнадо, спасибо. Не пойму почему мне не пришло в голову такое решение)))