100% высота для div-а

Вид для печати

26.10.2007, 16:09
sssergius

Это ссылка на то, что у меня пока получилсь: [Only registered and activated users can see links. Click Here To Register...]

Объясняю проблему:

Есть фоновая заливка для body - у меня она неоднородная темно-красная. Это общий фон, который появляется слева и справа от сайта, когда размер экрана больше 1024

Сам сайт - красный
Справа и слева красного сайта есть бордюры (называйте как хотите), которые можно было бы сделать как border, но проблема в том, что они разные и делаются через вставку картинок.

На примере я зафиксировал высоту правого бордюра в 100px, а левый в 100%

Растяжка в 100% работает только в IE, а в других браузерах левого бордюра вообще нет

Нужно чтобы бордюры растягивались на всю высоту экрана.

Как можно реализовать такой макет??
27.10.2007, 00:03
Pupil

Все гораздо проще

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> ****<title></title> ****<style type="text/css"> ****html{ *background: url(3.gif); *height: 100%; ****} ****body{ *background: url(1.gif) repeat-y; *width: 1024px; *min-height: 100%; *margin: 0 auto; *position: relative; ****} ***** html body { ****height: 100%; ****} ****#content{ *padding: 10px 20px 100px; ****} ****#header{ *background-color: #ccc; *width: 1014px; *height: 100px; *margin: 0 auto; ****} ****#footer{ *background: url(2.gif) repeat-x; *height: 95px; *width: 1014px; *position: absolute; *left: 5px; *bottom: 0px; ****} ****</style> </head> <body> <div id="header">Header</div> <div id="content">Contetnt</div> <div id="footer">Footer</div> </body> </html>
27.10.2007, 03:34
Aykroyd

Цитата:

width: 1024px;

Ну-ну... :read:
27.10.2007, 12:17
Pupil

Цитата:

Ну-ну..

Что не устраивает? вы смотрели эту [Only registered and activated users can see links. Click Here To Register...] страницу?
28.10.2007, 14:13
sssergius

Спасибо, Pupil, но ты не совсем понял о чем речь.

Бордюры - это не фоновая заливка. Это полоски шириной в 6px, которые обрамляют сайт справа и слева.
28.10.2007, 14:13
sssergius

Aykroyd, а что не так с 1024px?
28.10.2007, 14:43
Aykroyd

Цитата:

Originally posted by sssergius@Oct 28 2007, 15:13
Aykroyd, а что не так с 1024px?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
А почему не 1138px, например? :read:

<div class='quotetop'>Цитата</div>

Цитата:

Нужно чтобы бордюры растягивались на всю высоту экрана.[/b]

Во всех нормальных браузерах высота "чего-либо" может посчитаться только в том случае, если явно задана высота родительского элемента этого "чего-либо"...

И вообще, сначала добиваемся правильного отображения в FF, и только потом что-нибудь говорим про IE... )