Plasering av absolutte bokser inni ein relativ

Runar0 · 7. mars 2007

Hei,

Satt og leste litt og kom over noe som eg ikkje var klar over fungerer. Nemlig og plassere bokser som har absolutt possisjon relativt i forhold til ein wrapper eller content boks med relativ possision. Det einaste problemet eg møtte var at den relative boksen ikkje økte i størrelse når innholdet gjør. Noen som veit kvifor?

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#container {
position: relative;
margin: 0 auto;
border: solid red;
margin-top: 150px;
width: 500px;
}
body {
margin: 0;
padding: 0;
}
#menu {
position: absolute;
top: 0px;
right: 0px;
height: 100px;
width: 100px;
}
#footer {
position: absolute;
clear: both;
bottom: 0px;
width: 100%;
text-align: center;
}
</style>
</head>
<body>
<div id="container">
<div id="menu">Menu text</div>
<div id="footer">Footer text</div>
</div>
</body>
</html>

Runar

haugsand · 7. mars 2007

Dette er en av ulempene med å bruke position-egenskapen, den naturlige flyten i dokumentet ødelegges.

float-egenskapen vil nok passe bedre til dette formålet.

Logg inn

Plasering av absolutte bokser inni ein relativ

Anbefalte innlegg

Runar0

Lenke til kommentar

Videoannonse

haugsand

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer