Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 02-09-2007 11:59:32

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Проблема с CSS (div) в IE

Имеются три 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):
http://www.cimeries.com/temp2/scr01.jpghttp://www.cimeries.com/temp2/scr02.jpg

Посему задаю такой вопрос... Как сделать, чтобы в IE было всё нормально?

P.S. Непосредственно ссылка на эту страничку - http://www.cimeries.com/test/

Отредактированно Cimeries (02-09-2007 12:14:43)


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#2 06-09-2007 10:57:07

o2
буки
Зарегистрирован: 14-06-2007
Сообщений: 9

Re: Проблема с CSS (div) в IE

Ну раз уж вы сделали margin-left для div#center 238px, то сделайте и margin-right: 25px. Освободите место и для правого блока. Т.е.:

Код:

div#center{
    margin: 0px 25px 0px 238px;
}

Неактивен

 

#3 06-09-2007 20:22:13

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

Спасибо за совет. Но я уже решил проблему - помогли на другом форуме smile
Только вот решилась она другим способом - в div#center нужно было просто дописать float: left;

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


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#4 14-09-2007 11:12:54

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

Вот для наглядности пару скриншотов. Первый - IE, второй - Opera. Может всё же кто-нибудь знает, как решить проблему?

Скриншоты:
http://www.cimeries.com/temp2/scr03.jpghttp://www.cimeries.com/temp2/scr04.jpg

Сама страничка:
http://www.cimeries.com/razd/354/links


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#5 14-09-2007 13:40:25

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: Проблема с CSS (div) в IE

Попробуйте сделать position: relative для элемента div#inline.

Неактивен

 

#6 14-09-2007 13:46:45

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

К сожалению, ничего не изменилось.


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#7 14-09-2007 15:37:33

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: Проблема с CSS (div) в IE

Хорошо бы еще доктайп поставить, хотя бы XHTML Transitional. И от ошибок с предупреждениями избавиться.

Неактивен

 

#8 14-09-2007 21:28:19

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

Хорошо бы еще доктайп поставить

Дописал в начало страниы одну строчку: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Единственное, что изменилось, - цвет ссылок изменился на стандартный синий непосещённый и бардовый посещённых.
А вот проблема со сдвигом фона осталась актуальной. Есть ещё какие-то идеи?

И от ошибок с предупреждениями избавиться.

А вот тут я немного не понял, о чём Вы говорите sad
Каких ошибок?


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#9 14-09-2007 21:32:09

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

Блин, из-за этого доктайпа ещё проблемой больше стало sad
В 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)


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#10 14-09-2007 22:28:19

Nicck
ферт
Откуда: Ижевск
Зарегистрирован: 11-05-2005
Сообщений: 536
Вебсайт

Re: Проблема с CSS (div) в IE

попробуйте ещё a:link и a:active

Неактивен

 

#11 15-09-2007 00:26:49

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: Проблема с CSS (div) в IE

А что говорит валидатор?


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#12 15-09-2007 00:41:36

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

А что говорит валидатор?

http://jigsaw.w3.org/css-validator/vali … medium=all


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#13 15-09-2007 12:42:08

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

Так, с проблемой со сдвигом фона я разобрался. Но весьма неудобным\неприятным\извращенским способом. Потому кто найдёт более нормальное решение проблемы - высказывайтесь...
А вот собственно и мой вариант:

Код:

<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.
Но мне, честно говоря, такое "разделение" на несколько файлов совсем не нравится... Потому буду пробовать искать другие решения...


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#14 15-09-2007 23:55:20

textlogger
аз
Зарегистрирован: 12-09-2007
Сообщений: 2

Re: Проблема с CSS (div) в IE

Если кто знает – помогите

Используйте для ИЕ holly-hack.

Неактивен

 

#15 16-09-2007 12:48:59

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Проблема с CSS (div) в IE

По-моему, это свосем даже не извращенский способ, а наиболее ясный и документированный.


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#16 16-09-2007 13:40:04

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Проблема с CSS (div) в IE

Извращенский он в том плане, что, грубо говоря, из-за одного дурацкого слова fixed пришлось делать несколько css-файлов.

Отредактированно Cimeries (16-09-2007 13:41:01)


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru