Ненавижу IE [проблемы с div и css]

Дата публикации: 02.09.2007
Категория: Разное

Ненавижу этот ёбанный IE :) Возился сегодня над новым проектом. Сделал всё буквально за пол часа. Под Оперой работало всё просто идеально. Довольный проделаной работой решил проверить, как выглядит сайтец в IE. Ыааа, ну и убожество! Я был в шоке )
Что-то не подгрузилось, что-то на работает, что-то налазит друг на друга, что-то не вмещается, потому стоит где-то снизу. Полный бардак в общем. Ужас.
А всё потому, что IE не самым лучшим образом дружит с CSS. Печально, очень печально…
Весь день я потратил над вознёй и копаниями с этими CSSками. Кое-что поправил, кое-что нет. В общем осталось две крупных проблемы, которые я постараюсь изложить…

Проблема первая. Связана она с атрибутом background-attachment. В общем суть дела такова. Имеется некий div с id center. Он включается в себя всю “информационную” часть сайта и размещается между div‘ом left (навигационное меню) и div‘ом right (просто графический элемент). Так вот, этому центральному div‘у через background-image выставлен некий фон. Также к этому всему добавляются атрибуты background-repeat: no-repeat. И нужно сделать так, чтобы фон этот не прокручивался при прокрутке div‘а и оставался на месте. В Опере с этим проблем не возникает – так получается само и по умолчанию. С IE на первый взгляд тоже кажется всё просто – прописал background-attachment: fixed и всё :) А вот оказывается нет. Прописывание этого самого fixed приводит к тому, что в Опере фон забивается в левый верхний угол экрана, где находится меню и кусок логотипа. То есть фиксированная крайняя позиция идёт относительно границ экрана, а не границ div‘а с id center. А в IE же при таком раскладе всё отлично :) И в итоге мы имеем такую ситуацию, что всё работает нормально ИЛИ только в Опере, ИЛИ только в IE. И вот никак я не могу понять, как сделать, чтобы работало и там и там. Если кто знает – помогите :)

Далее, проблема вторая. Имеется div left. В css ему прописаны фиксированные width: 238px; height: 557px; float: left;. Имеетя div center. В CSS вот это – width: 737px; height: 557px; overflow: auto; margin: 0px 0px 0px 238px;. Имеется div right. В CSS вот это – width: 25px; height: 557px; float: right;. В Опере всё получается замечательно – div‘ы располагаются рядом друг с другом и соединяются точно по размерам. Div center находится строго между left и right. В IE же ситуация весьма говняная – центральный div не помещается (!) между левым и правым, потому располагается под (!) ними. Ну это уж совсем пиздец, маразм :) Помогает в такой ситуации только уменшение размеров центрального div‘а на несколько пикселей, но тогда div‘ы соединяются неплотно и некрасиво. Меня такой расклад не устраивает. Да и вообще не могу понять – всё же точненько подогнано по размерам и в Опере соединяется нормально. На одном из форумов я более детально (со скриншотами, кусками кода итд) расписал проблему, и если кто-то может мне помочь, прошу пройти по этой ссылке.

Заранее спасибо, если кто-нибудь сможет мне помочь :)
При успешном раскладе в скором времени вы сможете увидеть что-то аццке новое и интересное ))) ага

UPD: С первой проблемой разобрался. Если кому интересно – вот её решение. Совсем немного видоизменил описание в CSS div‘а center.
float: left; background: url(text.jpg) no-repeat fixed; width: 737px; height: 557px; overflow: auto;
Первая проблема всё ещё остаётся актуальной.


---

|