Gå til innhold

Plasering av absolutte bokser inni ein relativ

Runar0

Anbefalte innlegg

Runar0

Runar0

Skrevet
Skrevet

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

Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...