Форум Сайтостроение Веб-строительство

Видна резка картинки в Opera 11

M2
На сайте с 11.01.2011
Offline
342
mark2011
610

Ситуация следующая. Имеется хедер сайта, реально одна картинка, но она нарезана на 6. Они расположены друг под другом так, чтобы хедер смотрелся как единое целое.

Сейчас DOCTYPE вот такой:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd">

При таком доктайпе в опере видна резка изображений в хедере. К хедеру применён следующий стиль: 


#header

{      

     overflow-x: hidden;

     *font-size: 0px;

     *display: block;

     display: block;

     font-size: 0px;

     width: auto;

}

Документ проходит валидацию на 100% без ошибок и предупреждений. В чём проблема не могу понять, бьюсь уже который день...

Что самое интересное, что при переходе на такой доктайп:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

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

Кто-нибудь проясните ситуацию пожалуйста...

Да, забыл написать сайт: http://nndevice.ru

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
dma84
На сайте с 21.04.2009
Offline
168
dma84
#1

Не знаю почему, но "Великая" опера делает отступ в 1 пиксель после рисунка, используйте css-хак для Оперы


@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0)
{
 #main_header img{margin-bottom:-1px}
}

И всё таки, сделайте картинку одним файлом, не за чем её резать на части

Founder
На сайте с 17.04.2009
Offline
62
Founder
#2

Видимо потому что ширина у этих шести у половины не указана, а там где указана в процентах надо указать в пикселах все точно вымерить и указать.

У вас там две вертикальных прокрутки справа еще, а горизонтальной нету.. ширину body поставте точную в пикселах. там вообще у вас бардак, непонятно как он валидацию проходит.

M2
На сайте с 11.01.2011
Offline
342
mark2011
#3

dma84,

Ну просто огромнейшее вам спасибо!! Помогло! ))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий