форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Имеются три div, находящихся рядом друг с другом, фиксированных размеров.
<div id="left"></div> - там находится менюшка
<div id="center"></div> - там находится собственно всё "наполнение" сайта
<div id="right"></div> - там находится картинка, одна линия
Вот что прописано в CSS-файле:
div#left{ background: url(menu.jpg) no-repeat; width: 238px; height: 557px; float: left; } div#right{ background: url(right.jpg) no-repeat; width: 25px; height: 557px; float: right; } div#center{ background: url(text.jpg) no-repeat fixed; width: 737px; height: 557px; overflow: auto; margin: 0px 0px 0px 238px; }
В итоге при просмотре в Opera всё просто замечательно. А вот в IE центральный div почему-то "не помещается" между левым и правым и размещается ниже. Это хорошо заметно на скриншотах (первый - Opera, второй - IE):
Посему задаю такой вопрос... Как сделать, чтобы в IE было всё нормально?
P.S. Непосредственно ссылка на эту страничку - http://www.cimeries.com/test/
Отредактированно Cimeries (02-09-2007 12:14:43)
Неактивен
Ну раз уж вы сделали margin-left для div#center 238px, то сделайте и margin-right: 25px. Освободите место и для правого блока. Т.е.:
div#center{ margin: 0px 25px 0px 238px; }
Неактивен
Спасибо за совет. Но я уже решил проблему - помогли на другом форуме
Только вот решилась она другим способом - в div#center нужно было просто дописать float: left;
P.S. Кстати, осталась у меня ещё одна проблемка... Связана она с атрибутом background-attachment. В общем суть дела такова. Этому центральному div‘у#center через background-image выставлен некий фон. Также к этому всему добавляются атрибуты background-repeat: no-repeat. И нужно сделать так, чтобы фон этот не прокручивался при прокрутке div‘а и оставался на месте. В Опере с этим проблем не возникает – так получается само и по умолчанию. С IE на первый взгляд тоже кажется всё просто – прописал background-attachment: fixed и всё А вот оказывается нет. Прописывание этого самого fixed приводит к тому, что в Опере фон забивается в левый верхний угол экрана, где находится меню и кусок логотипа. То есть фиксированная крайняя позиция идёт относительно границ экрана, а не границ div‘а с id center. А в IE же при таком раскладе всё отлично И в итоге мы имеем такую ситуацию, что всё работает нормально ИЛИ только в Опере, ИЛИ только в IE. И вот никак я не могу понять, как сделать, чтобы работало и там и там. Если кто знает – помогите
Неактивен
Вот для наглядности пару скриншотов. Первый - IE, второй - Opera. Может всё же кто-нибудь знает, как решить проблему?
Скриншоты:
Сама страничка:
http://www.cimeries.com/razd/354/links
Неактивен
К сожалению, ничего не изменилось.
Неактивен
Хорошо бы еще доктайп поставить
Дописал в начало страниы одну строчку: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Единственное, что изменилось, - цвет ссылок изменился на стандартный синий непосещённый и бардовый посещённых.
А вот проблема со сдвигом фона осталась актуальной. Есть ещё какие-то идеи?
И от ошибок с предупреждениями избавиться.
А вот тут я немного не понял, о чём Вы говорите
Каких ошибок?
Неактивен
Блин, из-за этого доктайпа ещё проблемой больше стало
В CSS прописано:
a, a:visited{ color: 000000; font-weight: bold; text-decoration: none; } a:hover{ text-decoration: underline; }
А цвет ссылок всё равно "стандартный". Что делать?
UPD: Исправил путём прописывания <body link="000000" alink="000000" vlink="000000">, но всё равно любопытно почему css не подействовал...
Отредактированно Cimeries (14-09-2007 21:39:04)
Неактивен
А что говорит валидатор?
Неактивен
А что говорит валидатор?
Неактивен
Так, с проблемой со сдвигом фона я разобрался. Но весьма неудобным\неприятным\извращенским способом. Потому кто найдёт более нормальное решение проблемы - высказывайтесь...
А вот собственно и мой вариант:
<LINK REL="Stylesheet" HREF="http://www.cimeries.com/images/design/style-opera.css" TYPE="text/css"> <!--[if IE ]> <link rel="stylesheet" type="text/css" href="http://www.cimeries.com/images/design/style.css" /> <![endif]-->
По умолчанию подключаем CSS, который замечательно воспринимается в Opera и Firefox. Ну а потом делаем проверку на IE и в случае чего подключаем файл, который нормально воспринимается IE.
Но мне, честно говоря, такое "разделение" на несколько файлов совсем не нравится... Потому буду пробовать искать другие решения...
Неактивен
Если кто знает – помогите
Используйте для ИЕ holly-hack.
Неактивен
По-моему, это свосем даже не извращенский способ, а наиболее ясный и документированный.
Неактивен
Извращенский он в том плане, что, грубо говоря, из-за одного дурацкого слова fixed пришлось делать несколько css-файлов.
Отредактированно Cimeries (16-09-2007 13:41:01)
Неактивен