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

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

Вы не зашли.

#1 24-12-2007 18:22:19

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

Фон вокруг информационного DIV (проблема с CSS)

http://www.cimeries.com/temp/css2.jpg

Имеется некий DIV фиксированной ширины (WIDTH: 800PX), в нём содержится всё наполнение сайта. Если разрешение экрана у пользователя выше, чем 800х600, то слева и справа от сайта образуются некоторые пустые области, которые необходимо заполнить определёнными фоновыми рисунками - left.jpg для левой части, right.jpg - для правой части. Никак не могу разобраться с этой проблемой.
То есть суть в том, что нужно создать какие-то DIV или TD (id=left, id=right), длина которых изменялась бы в зависимости от разрешения экрана. То есть просто-напросто, чтобы один конец div'а располагался на краю окна, другой конец - возле центрального\информационного DIV'а.

Мне удалось решить проблему для браузера Opera. Internet Explorer же такой метод решения проблемы не воспринимает.

Шаблон страницы default:

Код:

<table border="0" align="center" cellspacing="0" cellpadding="0"><tr>
<td id="left"></td>
<td id="center">
<div id="main">
_____КОНТЕНТ_____
</div></td>
<td id="right"></td>
</tr></table>

CSS файл:

Код:

td#left {
    background: url(left.jpg);
    width: 100%;
    height: 100%;
}

td#right {
    background: url(right.jpg);
    width: 100%;
    height: 100%;
}

td#center {
    width: 800px;
    background: url(center.jpg);
}

В опере всё отображается как надо. В IE же левый кусок заполняет всё пространство минус центральный DIV, а правый кусок не отображает вообще. Ниже приведены две картинки. Слева - результат в Opera, справа - в IE.

http://www.cimeries.com/temp/css3.jpg http://www.cimeries.com/temp/css4.jpg

Заранее спасибо за помощь в разрешении вопроса.


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

Неактивен

 

#2 31-12-2007 13:43:23

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

Re: Фон вокруг информационного DIV (проблема с CSS)

Сделайте три вложенных div.
Div 1 ( div 2 (div 3) ) )

Ширину пропишите только центральному div 3. Можно как обычно в "фиксажах" -

Код:

width: 800px; margin: 0 auto;

div 1 и div 2 растянутся на всю ширину экрана.

Левый рисунок нужно положить в div 1, через background position. Правый рисунок - аналогично, только в div 2. Рисунки нужно сделать пошире, чтобы не обламывать владельцев широких мониторов.

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru