The Web Writer Wizard's Guide til Internet Programmering
Wizband Left

Komplet Kode til Eksemplet med *Absolut Positionering

<HTML>
<HEAD>
	<TITLE>Absolut Positionering</TITLE>
	<STYLE TYPE="text/css">
		DIV.Forste {
			position:fixed;
			top:90px;
			left:20px;
			width:480px;
			color:Blue;
		}
		DIV.Anden {
			position:absolute;
			top:90px;
			left:520px;
			width:480px;
			color:Red;
		}
	</STYLE>
</HEAD>

<BODY>

<H1>Absolut Positionering</H1>

<DIV STYLE="font-weight:bold;font-size:large;">Dette er en blok med normal
positionering, der har stor og fed skrift.</DIV>

<DIV CLASS="Forste">

<P>Dette er den første spalte. I dette eksempel er den tilsyneladende magen til
den anden, men der er visse forskelle, da denne spalte er positioneret med
"position:fixed". Den vil derfor blive stående, selv om vinduet scrolles.</P>

<P>Denne indstilling kan bruges, hvis man f.eks. ønsker en menu placeret fast
på sin side.</P>

</DIV>

<DIV CLASS="Anden">

<P>Dette er så den anden spalte. Indholdet i denne spalte er positioneret med
"position:absolute". Spalten vil derfor flytte med, når vinduet scrolles,
ligesom det kun udskrives på den første side, hvor boksen reelt forekommer.</P>

<P>Det er også denne indstilling, man vil bruge, hvis man ønsker at opdele
sin side i spalter, idet spalterne så alle anbringes med "position:absolute".
Det kan dog give problemer med sideinddelingen, som man skal styre. Men det
er altså denne måde, det gøres på.</P>

</DIV>

<P>Her er vi så igen inde på sidens normale indhold, da dette indhold har et
normalt flow. De to, absolut positionerede bokse vil derfor ikke tage hensyn
til dette afsnit.</P>


</BODY>
</HTML>

Wizband Right