CSS Footer/Bund evigt stort problem

Tags:    html css

<< < 12 > >>
Hej Udviklere..

Jeg er ved at være godt træt af DIVs. Jeg kan se at folk har det uendeligt mange problemer med at positionere det lort :) - Jeg er en af dem.

Godt så. Mit problem er at jeg vil have en side som har en footer/bund bar i bunden af min side. Den skal altid være placeret efter alt indhold OG altiden i bunden af browser vinduet. Det vil sige at hvis der ikke er nok indhold, så skal footeren "trække" mit indhold og højre bar med ned indtil at footeren er placeret ordenligt. Uhyre nemt med tables, men nogle kloge hoveder siger at det må man ikke bruge længere til den slags :P



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>TWO-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
<style type="text/css">
<!--
html,body {
height: 100%;
margin: 0;
padding: 0;
}

#globalcontainer {
background: #0f0;
width: 750px;
height: 100%;
margin: auto;

}
#header {
background: #0f0;
width: 750px;
height: 100px;

}
#rightcol {
background: #f00;
float: right;
width: 200px;
height: 100%;
}
#content {
background: #fff;
float: left;
width: 550px;
height: 100%;

}
#footer {
background: #00f;
clear: both;
width: 750px;
height: 100px;

}
-->
</style>
</head>
<body>
<div id="globalcontainer">
<div id="header">Header Section</div>
<div id="rightcol">Right Section</div>
<div id="content">Content Section</div>
<div id="footer">Footer Section</div>
<div/>
</body>
</html>



11 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 12 karma
Sorter efter stemmer Sorter efter dato
Vil du gerne have den placere sig i bunden af browseren indtil der er for meget indhold.. hvis der er for meget indhold skal den følge med ned ?

Det kan nu godt lade sig gøre.

Med ex the holy grail fra a list apart, blandet med lidt footer fusk, jeg forstår dog ikke hvorfor #wrapper ikke skal have padding-bottom: 50px.

http://www.codeproject.com/KB/HTML/baselayout.aspx

/J





Indlæg senest redigeret d. 08.08.2008 10:45 af Bruger #5789
<< < 12 > >>
t