Косяк верстки в IE c position:absolute @ DeForum.ru

http://www.alcohol-injection.com/1alcohol/
После экспериментов со смещением контента вышло так, что IE6 перестал показывать верх страницы. Кто-нибудь с похожим сталкивался? В чем может быть проблема?

на ночь уж ене думается -- это именно из-за position? нет ли тут косяков у ИЕ с отображением картинок как таковых? завтра посмотрим по-пристальнее...

Цитата:

нет ли тут косяков у ИЕ с отображением картинок как таковых?

Без этих танцев с бубном вроде все нормально. Те же яйца, но без absolute смотрятся как надо
http://www.alcohol-injection.com/

diezel2005 писал(а):

Без этих танцев с бубном вроде все нормально. Те же яйца, но без absolute смотрятся как надо

А вопрос: зачем тогда нужно оно это абсолютное опзиционирование?

Код:

.headerdiv div.logo {
 font-family: arial, helvetica, sans-serif;
 letter-spacing: -3px;
 font-size: 36px;
 left: 99px;
 font-style: oblique;
 font-weight: bold;
 position: absolute;
[b] top: 70px;[/b]
 margin: 0;
}

Зачем картинку лого жёстко призвязывать? И, вопрос -- относительно чего в данном случае строится абсолютное позиционирование? див headerdivllogo считается от дива header, так? А top: 77px зачем? В css файле у левой и правой части лого этих атрибутов я не заметил

Код:

.headerdivright {
 float: left;
 width: 6px;
 height: 121px;
 background: #999 url(../THM0006/images/h_top_right.gif) right top no-repeat;
}
.headerdivleft {
 float: left;
 width: 6px;
 height: 121px;
 background: #999 url(../THM0006/images/h_top_left.gif) left top no-repeat;

Кстати, в Мозилле из-за этого абсолютного сдвига картинки косяк наблюдается.

Может, вот этонемного прояснить ситуацию и натолкнёт на мысли? ;-)

Кстати, подумал тут, через пару часов: а не поможет ли, вместо этих левы-правых лого картинок. использование тех же nifty corners, или вариантов от Invizor?

tentoys,
Видимо я неверно объяснил проблему. Косяк в ФФ - ерунда, по сравнению с тем, что в ИЕ верх вообще не отображается.
Но... если перед дивом с absolute добавить какую-то хрень

Код:

в ИЕ верх отобразится. Что такого в pageBlockLeft, что не дает отобразиться верху без этого левого дива?

diezel2005, мне кажется вы перемудрили тут со всякими мутками. Все это можно сверстать на порядок проще.

лень копаться в коде, могу сказать что если в ИЕ не отображается блок с position:absolute можно вставить перед
этим блоком <br /> или <div style="clear:both"></div>.

hardy,
Спасибо, вроде я уже до этого дошел. Просто любую чушь леплю перед слоем и прокатывает. А есть ли какое-то логическое объяснение этому феномену?

diezel2005, наверное, нет. Кстати, может, стоить проверить валидатором код и css файл -- вдруг где-нибудь, что-нибудь deprecated ии теги какие не закрыты или что-то ещё подобное?

diezel2005,
логического объяснения не знаю, но помогает всегда

tentoys,
Код я проверил - ничего плохого не обнаружил, да и сам XHTML 1.0 Transitional не особо подходит для жесткой 100% валидации. А про CSS как-то не подумал, вернее отложил на потом. Вот, наверное, сейчас это "потом" и наступило.

Вроде бы все исправил и запустил, но появилась засада в Сафари.
Вот http://82.55.223.140/safaritest/1171613526-full.jpg на скриншоте видно, что после заголовка появляется полоса, шириной в 3 пикселя, хотя паддинг для подзаголовка включен.
Получается, что Сафари не воспринимает паддинг после <div style="clear:both"></div>? Или я опять с Float напутал?

diezel2005, не очень понимаю -- где? Снизу после серого блока с заголовком и нижеследующим красным фоном?

Цитата:

Снизу после серого блока с заголовком и нижеследующим красным фоном

Да, на скриншоте, под надписью "Store Categories"

DeДверь
Логин:
Пароль:
	Автологин