Растягивающаяся до пола конструкция

Trust · June 14, 2009

Не думал, что когда-нибудь скажу такое, но ie впервые за много лет сделал так, как нужно мне

На самом деле, имею конструкцию, которая тянется до пола, а нужно вот что:

- чтобы была рамка вокруг сайта, с отступами по 20px, которая будет тянутся до пола;

- чтобы при уменьшении размеров браузера относительно вертикальной оси эта рамка не наезжала на контент, а оставалась внизу. Пока именно так и происходит в ие;

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

Сейчас всё так, но вот в лисе при уменьшении окна браузера относит. верт. оси, рамка наезжает на контент.

зы: сайт тянется не только сверху вниз, но ещё и по ширине.

Очень прошу вашей помощи. Сегодня уже часов 5 сижу над этой конструкцией - сам точно не пойму что и как...

css:

html, body {
	height:100%;
}
body {
	font-family:trebuchet MS, tahoma;
	min-height:94%;
	font-size:12px;
	color:#555555;
}
#container {
	width:90%;
	min-height: 94%;
	margin-left:auto;
	margin-right:auto;
	color:#333333;
	border:1px solid #4d72b4;
}

* html #container {
	height: 94%; 
}

#cont{
	width: 100%;
}

#content {
	margin-left:auto;
	margin-right:auto; 
	width:100%;
}

html:

<body>

<div id="container">
<div id="cont">
<div id="content">


					<div style="height:90%; float:left; width:100%">

						<div style="width:50%; float:left; margin:20px 0 0 30px; ">
						text
						</div>

						<div style="float:right; width:285px"><jdoc:include type="modules" name="right" style="xhtml" /></div>

					</div>


</div>
</div>	
</div>

<div id="fg"><div style="height:1px; font-size:1px; width:90%; padding:0; margin:0 auto"></div></div>

</body>

Edited June 14, 2009 by Trust

LunatiK · June 15, 2009

DOCTYPE какой ?

Sign In

Растягивающаяся до пола конструкция

Question

Trust

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

LunatiK

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information