body не растягивается на всю длину страницы - HTML и CSS

Иванна · 03.02.2011, 09:59

Здравствуйте!
У меня возникла следующая проблема: необходимо чтобы цвет <body> изменялся на некоторых страницах. Это сделано через php. Но дело в том, что, если <body> задана высота 100%, то он растягивается только на высоту монитора. Соответственно цвет backgroundа, который должен отличаться от того что задан по умолчанию, прерывается там, где заканчивается высота монитора. И дальше background становится цветом таким, который стоит по умолчанию.
Если у <body> убрать высоту 100%, тогда сайт растягивается по содержимому, а не по высоте экрана.
в коде это примерно так:

Код:

<body class="<?php echo $body_type; ?>">//здесь изменяется стиль в зависимости от страницы, на которой мы находимся
<table>
<tr><td>...</td></tr>
<tr><td>
      <table>
      <tr><td>
             <div>...</div>
             <div>...</div>
             <div>...</div>
       </td></tr>
       </table>
</td></tr>
<tr></td>...</td></tr>
</table>
</body>

У всех divов и двух таблиц стоит высота 100%.
В общем надо сделать так, чтобы верхняя и нижняя ячейка были вплотную соответственно к верху и низу экрана, а средняя ячейка со всеми divами, растягивалась на все остающееся пространство монитора, а не растягивалась только по содержимому и полэкрана оставалось пустым, заполненным лишь backgraundом.

Alex Cones · 03.02.2011, 10:25

А не хотите менять background-image размером в 1 пиксель у body?

JinglsOrg · 03.02.2011, 10:26

Иванна,
что?
если можно, то тогда, лучше схематически)

03.02.2011, 09:59	#1
Иванна Пользователь Регистрация: 03.02.2011 Сообщений: 38	body не растягивается на всю длину страницы Здравствуйте! У меня возникла следующая проблема: необходимо чтобы цвет <body> изменялся на некоторых страницах. Это сделано через php. Но дело в том, что, если <body> задана высота 100%, то он растягивается только на высоту монитора. Соответственно цвет backgroundа, который должен отличаться от того что задан по умолчанию, прерывается там, где заканчивается высота монитора. И дальше background становится цветом таким, который стоит по умолчанию. Если у <body> убрать высоту 100%, тогда сайт растягивается по содержимому, а не по высоте экрана. в коде это примерно так: Код: `<body class="<?php echo $body_type; ?>">//здесь изменяется стиль в зависимости от страницы, на которой мы находимся <table> <tr><td>...</td></tr> <tr><td> <table> <tr><td> <div>...</div> <div>...</div> <div>...</div> </td></tr> </table> </td></tr> <tr></td>...</td></tr> </table> </body>` У всех divов и двух таблиц стоит высота 100%. В общем надо сделать так, чтобы верхняя и нижняя ячейка были вплотную соответственно к верху и низу экрана, а средняя ячейка со всеми divами, растягивалась на все остающееся пространство монитора, а не растягивалась только по содержимому и полэкрана оставалось пустым, заполненным лишь backgraundом. Последний раз редактировалось Иванна; 03.02.2011 в 10:07.

03.02.2011, 10:25	#2
Alex Cones Trust no one. Старожил Регистрация: 07.04.2009 Сообщений: 6,526	А не хотите менять background-image размером в 1 пиксель у body? SQUARY PROJECT - НАБОР БЕСПЛАТНЫХ ПРОГРАММ ДЛЯ РАБОЧЕГО СТОЛА. МОЙ БЛОГ GRAY FUR FRAMEWORK - УДОБНАЯ И БЫСТРАЯ РАЗРАБОТКА WINAPI ПРИЛОЖЕНИЙ

03.02.2011, 10:26	#3
JinglsOrg Пользователь Регистрация: 27.01.2011 Сообщений: 48	Иванна, что? если можно, то тогда, лучше схематически) Всё написанное мной является лично моим мнением за исключением когда указан источник данных.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
CSS: бэкграунд растягивается по ширине страницы	Ellar	HTML и CSS	1	21.07.2010 09:24
Два background'а для body (слева и справа от контента)?	alex2406	HTML и CSS	7	14.06.2010 16:34
Почему body в IE растягивается на 100%, хотя в стилях 1024px	aseeva_sonya	HTML и CSS	8	06.10.2009 19:33