Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



Styr på div erne

Sat på siden 29-05-2006

Jeg kan stadig huske den åbenbaring, jeg oplevede for en tre år siden, hvor jeg fandt ud af, at div'ernes orden ikke er ligegyldig.

Hvis du har arbejdet med at lave hjemmesider og formatere dem med stylesheets, så ved du, hvad jeg taler om. Der bruger man ofte

-tags for at give forskellige områder deres særpræg, fx for hvad angør bredde, baggrundsfarve eller andet.

En forkert anbragt div-tag, eller en manglende slut div-tag, kan helt ødelægge designet, og hvor er fejlen?

For at holde styr på mine div'er og spare tid med at skulle tælle start div'er og slut div'er, har jeg fundet på et lille trick. Jeg skriver en bemærkning efter div-taggen.

Bemærkninger i html kan skrives imellem tegnene <!-- og -->

<!-- Dette er en bemærkning. Den vises ikke i browseren -->

Se følgende eksempel:

<div id="main">
<h1>Hvordan kan du fordoble din læsehastighed på kun 16 minutter?</h1>
<div id="indhold">
<p>Kan du forestille dig bla bla bla</p>
<p>En hel masse tekst osv. indtil bunden af siden.</p>
</div><!-- slut div indhold -->
<div id="footer">
<p>Copyright osv.</p>
</div> <!-- slut div footer -->
</div> <!-- slut div main -->

Kan du se? Ovenfor er der helt styr på, hvor en div-tag går fra og til.

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|