CSS въпросче за два дива...

[trevata]

Значи имам един контейнер, който държи всичко:

div#wrapper {
position: absolute;
left: 50%;
margin-top:17px;
margin-left: -473px;
margin-bottom:20px;
width: 946px;
}

Как под него да турна един футер, който винаги да седи в дъното на страницата :roll:

 

[emagi]

Като гледам не си задал височина на дива.Как смяташ да е :

height:auto;

или???
Единия вариант е да сложиш височина, и след това да зададеш началото на footer-ета там където свършва този главния.Другия е да зададеш височина на дива, като добавиш и височината на footer-ета,като залешиш именно футера на дъното на главния див!

 

[Ins1de]

 #footer{width: 100%; height: 30px; position: absolute; bottom: 0;}

 

[SveXteZ]

С position:relative; top:20px; например няма ли да стане ?

 

[trevata]

емаги височината се определя според съдаржанието и футера не трябва да е във тоя див а под него


инсайд - не :roll:

 

[emagi]

Така както искаш,хем основния да ползва:

position:absolute;

как да стане да зададеш на втория същото,без начална точка спрямо лявата и горната страна на брозъра.Освен така:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div#wrapper {
margin:0 auto;
width: 946px;
border:solid 1px red;
}
#footer {
	width:946px;
	border:solid 1px blue;
	height:200px;
	margin:0 auto;
}
</style>
</head>

<body>
<div id="wrapper">sdftgjhsrghghdfgh<br />sdftgjhsrghghdfgh<br />sdftgjhsrghghdfgh<br />sdftgjhsrghghdfgh<br />sdftgjhsrghghdfgh<br />sdftgjhsrghghdfgh<br />sdftgjhsrghghdfgh<br /></div>
<div id="footer"></div>
</body>
</html>

не виждам как ше стане

 

[shterev]

div#footer {
position: absolute;
left: 50%;
margin-top:17px;
margin-left: -473px;
margin-bottom:20px;
width: 946px;
bottom:0px;
}

Но структурата ти е грешна!!! Както го е написал Емаги се прави!!

 

[trevata]

Значи... направих го така:

div#wrapper {
/*position: absolute;
left: 50%;
margin-top:17px;
margin-left: -473px;*/
margin:0 auto;
width: 946px;
}

div#footer {
	width:100%;
	height:137px;
	background: url(../images/footer.jpg) repeat-x;
}

Ето какво се получи

:
Зеленото е футъра :idea:

 

[GodFather2]

ем правиш един див който държи абсолютно всичко и футера и общия див .. тоя див ще е невидим и готово .. няма ли да стане така.. ?