Tips&Tricks



Mere styr på div erne

Sat på siden 29-05-2006

Efter sidste uges tip om, hvordan du kan holde styr på mange div'er i et dokument (hjemmeside), modtog jeg en e-mail fra Mikael, der supplerer med et godt tip.

Du kan også bruge indrykninger af teksten. Personligt foretrækker jeg både at skrive bemærkninger som nævnt sidst og at bruge indrykninger. Men her kommer Mikaels opskrift.

Lad os forestille os, at du har et lille hierarki af div'er, som her:

<div id="container">
<div id="header">
Lorem Ipsum
</div>
<div id="content">
Dolor Sit Amet
</div>
</div>

Hvis du benytter indrykning på dette, bliver det til:

<div id="container">
   <div id="header">
       Lorem Ipsum
   </div>
   <div id="content">
       Dolor Sit Amet
   </div>
</div>

Hvis du glemmer det lukkende tag for header:

<div id="container">
   <div id="header">
       Lorem Ipsum
       <div id="content">
           Dolor Sit Amet
       </div>
   </div>

Her er det tydeligt, at der mangler et tag, da de to tags der åbenlyst skal høre sammen (dem for container) ikke har samme indrykning. Man har selv en god fornemmelse for hvor langt hvert tag skal være indrykket, og efter lidt tilvænning springer det hurtigt i øjnene hvor fejlen er.