Salut,
ma technique perso (enfin pas si perso que ça...)
je positionne tous les éléments de la page les uns par rapport au autres...
Je m'explique :
Chaque élément (ou groupe d'éléments) et inclu dans un bloc
ex : balise div, p, h1, h?, hr, ... ou tout autres balise dont avec le style display:block; (l'opposé est display:inline;)
Ensuite, c'est éléments sont placé, soit à la suite les uns des autres (placement classique)
OU
Tu peux faire "voler" un éléments par dessus un autre....!?!
pour cela, à la place de lui donner un style position:???;
tu lui attribut float:right ou left;
Avec ce systéme, chaque élément ce place là ou il peut dans la page.
Par exemple, pour créer trois colones :
<div style="text-align:center;">
<h1>Ce titre sera centré au dessus de tes trois blocs</h1>t
<p style="float:left;">texte colone 1</p>
<p style="float:left;">texte colone 2</p>
<p style="float:left;">texte colone 3</p>
<hr style="visibility:hidden;" />
<p>Ce paragraphe sera centré sous tes trois colones</p>
</div>
Si la fenêtre est trop petite pour accueillir les trois colones les une
a côté des autres, les colones qui n'auront pas l'espace se glisseront
en dessous. ce qui est pas mal...
Sauf que si tu veux éviter ce comportement, tu défini la taille de ton <div>
ex : style="text-align:center;width:300px;overflow:auto;"
Notes:
* <hr style="visibility:hidden;" /> est pour bien arréter le placement en colones
* overflow:auto; apparition des ascenceurs si besoin
Je te renvois sur ce très bon site :
Openweb.eu.org
Lis bien tout avec attention, les articles sont très très bien fait
A+