форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Имеется некий 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.
Заранее спасибо за помощь в разрешении вопроса.
Неактивен
Сделайте три вложенных div.
Div 1 ( div 2 (div 3) ) )
Ширину пропишите только центральному div 3. Можно как обычно в "фиксажах" -
width: 800px; margin: 0 auto;
div 1 и div 2 растянутся на всю ширину экрана.
Левый рисунок нужно положить в div 1, через background position. Правый рисунок - аналогично, только в div 2. Рисунки нужно сделать пошире, чтобы не обламывать владельцев широких мониторов.
Неактивен