Centrage horizontal: Truc à pas faire !

Nous connaissons tous la technique du "margin-left:auto" et "margin-right:auto", qui permettent de centrer horizontalement un site... Mais il existe aussi la technique du:

#conteneur
{
position: relative;
width: (largeur);
left: 50%;
margin-left: -(1/2 de la largeur du site);
}

Seulement voilà... Cette dernière technique n'est pas du tout valable ! (A moins que vous ne connaissiez un contre)
Amusez-vous tout simplement à réduire la fênetre... Le côté gauche de votre site va disparaitre... Jusqu'à sa moitié... ^^

Pourtant cette tech est pas mal répandue et réputée... Etonnant que ça continue de l'être avec un tel problème d'affichage. :O
(Forcément, avec un margin-left négatif... <_<)

Voilà c'était juste pour prévenir des fois que certaines personnes n'aient pas remarqué... ;P
Modifié par Nigel (22 Feb 2006 - 14:54)

Merci Nigel, c'est gentil de ta part

Je pense que plusieurs des membres les plus réputés de ce forum ont répété cet avertissement un bon million de fois, dans ces pages ...

Et puis, d'où vient cette technique de centrage ? Est-elle antérieure à l'adoption des CSS ? Je ne vois vraiment pas l'intérêt qu'elle peut avoir, un

margin: 0 auto;

est quand même beaucoup plus propre & efficace, non ?

Arf, bon ben on le repetera jamais assez alors ;P
Je pense que je vais finir par créer un site avec les "trucs à pas faire" en CSS... ^^"

Je ne sais absolument pas d'où vient cette technique barbare de centrage, c'est compliqué pour rien...
Et puis ça délire completement.

Mais si tu fais une recherche sur google à propos du centrage, tu tombera sur un nombre incalculable de sites préconisant cette maudite technique.

Sopo a écrit :
un

margin: 0 auto;

est quand même beaucoup plus propre & efficace, non ?

Oui même si ce n'est pas la seule technique possible ni d'ailleurs obligatoirement la plus efficace suivant ce que l'on a en vue.

Exemple faire un conteneur principal d'une largeur de 80% avec un padding latéral de 30px