Bjerrum wrote:
> Hej
>
> Er det muligt at lave en centreret side med to kolonner, som begge kan
> trykke en footer ned?
>
> Altså #main er hele siden og er centreret. Der er så to kolonner
> #left_col og #right_col som kan have forskelligt indhold. De skal
> derfor kunne trykke #footer ned sådan at intet overlap finder sted.
Det er ikke noget problem:
<style type="text/css">
body {
margin-left:auto;
margin-right:auto;
text-align:center;
}
#main {
width: 550px;
border: thin solid #006666;
text-align:left;
}
#left_col {
width: 275px;
float: left;
}
#right_col {
width: 275px;
float: right;
}
#footer {
clear:both;
}
#cent {
text-align:center;
}
</style>
<body>
<div id="main">
<p id="cent">Hele denne box er centrert</p>
<div id="right_col"><p>Højre boks</p></div>
<div id="left_col"><p>Venstre boks</p></div>
<div id="footer"><p>Her er noget som står i en footer!</p></div>
</div>
</body>
I body sættes margin-left og -right til auto. Det forstår IE før v.6 bare
ikke. Derfor er tilføjet text-align:center. Dette nødvendiggør at sætte
text-align:left på #main.
Når både højre og venstre spalte er floated, er det en fordel at skrive
højre spalte ind i kildeteksten før venstre.
http://www.hjemmesideskolen.dk/html/flyd.asp
http://www.hjemmesideskolen.dk/html/float.asp
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk -
http://html-faq.dk
http://hjem.get2net.dk/egin