Nå ... det var bare spam og støj. Du kunne åbenbart ikke selv bidrage med noget fornuftigt :D
faxekondi >> Der er mange måder at gøre det på, men her er én:
<html>
<body style="text-align:center">
<div style="background-color:green;width:760px;margin:0px auto;">Topbox</div>
<div style="position:relative;width:760px;height:80%;margin:0px auto">
<div style="background-color:red;position:absolute;width:253px;height:100%;left:0px;">1. kollonne</div>
<div style="background-color:yellow;position:absolute;width:254px;height:100%;left:253px;">2. kollonne</div>
<div style="background-color:red;position:absolute;width:253px;height:100%;left:507px;">3. kollonne</div>
</div>
<div style="background-color:green;width:760px;margin:0px auto">Bundbox</div>
</body>
</html>
Du kan lægge dine styles i et stylesheet i stedet. Så giver du hvert div en id (id="tBox") og skriver i dit stylesheet:
<style type="text/css">
body {
text-align:center;
}
#tBox {
background-color:green;
width:760px;
margin:0px auto;
}
/* og så videre */
</style>
At tro denne fremgangsmåde er bedre eller at tables er 'en forældet teknik' er en fuldstændig forkert myte. Til gengæld er CSS-positionerede div et buzz-fænomen blandt mange, der ikke arbejder professionelt med HTML.
Det, man bør gøre, er at vælge de HTML-elementer, der er bedst egnet til en given opgave. At opstille tekst i kollonner er tables stadig uovertrufne til ... det er præcis, hvad de er konstrueret til.
Læg mærke til, hvor meget større koden bliver, når du bruger positionerede divs. Koden bliver med den teknik let stor, kluntet og uelegant, hvilket aldrig kan blive et mål.
Til andre formål er tekniken velegnet - men ikke til dette :)
/mvh
