Резиновый дизайн по вертикали с заголовком и подвалом

Casufi · March 14, 2009

Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей.

Я пробую сделать так

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
  <TITLE>Page</TITLE>
  <STYLE type="text/css">
BODY {
	margin: 0px;
	min-height: 100%;
	min-width: 100%;
}

.contentframe {
	background-color: #4c4c4c;
	min-height: 100%;
	min-width: 100%;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
}

.innercotent {
	background-color: #ffffff;
}
  </STYLE>
  </HEAD>
  <BODY>
   <div class="contentframe">
		<div class="innercotent">
			Page text
		</div>
	</div>
  </BODY>
</HTML>

Проблема в том, что размер блока contentframe вычисляется как padding-top + padding-bottom+100%

Получается, что нижняя рамка исчезает, более того, появляется вертикальная прокрутка.

Подскажите пожалуйста, как вкладывать блоки друг в друга, чтобы они полностью заполняли родительские блоки, но при этом им можно было задавать отступы от границ родительских блоков ?

Быколай · March 14, 2009

Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей.
Проблема в том, что размер блока contentframe вычисляется как padding-top + padding-bottom+100%
Получается, что нижняя рамка исчезает, более того, появляется вертикальная прокрутка.
Подскажите пожалуйста, как вкладывать блоки друг в друга, чтобы они полностью заполняли родительские блоки, но при этом им можно было задавать отступы от границ родительских блоков ?

Не один раз прочитал ваш вопрос но так и непонял формулировку последнего вопроса. Либо они полностью заполняют, то есть равны по размерам, или они они отступают от границ и следовательно меньше на величину отступа...

:lol:

что-то не понял суть, вы бы лучше приложили скрин того что надо получить.

Sign In

Резиновый дизайн по вертикали с заголовком и подвалом

Question

Casufi

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Быколай

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information