<C²: webløg />

Courriel - email address

Avatar Denis

mardi 02 septembre 2003
par Denis Boudreau

Centrer un DIV dans l'écran

Si je devais choisir une question qui revient constamment dans le positionnement CSS, ce serait bien celle-ci :

J'aimerais savoir qu'elle est la meilleure manière pour positionner un DIV au centre d'une page quel que soit le navigateur ou que celui-ci soit ou non en mode plein écran ?

C'est donc sans surprise que j'ai vu cette question bien légitime rebondir sur la liste de Pompage dernièrement. Il ne fallut ni une ni deux pour que l'ami Sam y aille d'un exemple tout à fait indiqué. Pour comprendre comment le tout fonctione, il vous suffit de cliquer sur le lien "Construction" en bas de page (ou de farfouiller dans le code par un habile "view source", mais ça, ça dépend de votre indice de geekiness. ;)

Denis Boudreau | 2003.09.02 @ 16:41

Alors, qu'en pensez-vous ?

Voici ce que vous aviez à en dire... vos impressions, recueillies à vif.

2003.09.02 @ 17:28 par Jerotito

On devrait poser la question à quiconque l'a demandé : pour *quoi faire* ? Car « bonjour les dégâts » si le DIV doit contenir du texte. L'exemple Dead Centre donné sur wpdfd.com n'a un rendu correct que si la taille de la police est 'moyenne' ou Ctrl+0. Un seul Ctrl++ et ça déborde...

Bien que j'aie l'impression que le concepteur l'a placé ainsi pour rendre mieux qu'une boîte vide, ça me paraît mieux adapté pour *autre chose* que du texte, . Une image en arrière-plan peut-être ???

Haut retour au début de la page

2003.09.02 @ 17:52 par Bleizig

Hmmm, c'est la meme idee qu'un article que j'ai poste il n'y a pas tres longtemps: http://www.cybercodeur.ne...

Le probleme dans l'utilisation de marges negatives est que si la fenetre devient tres petite, alors le debut de la boite se trouve plus a gauche que le point 0 et il est donc impossible de le visualiser.

Haut retour au début de la page

2003.09.03 @ 10:18 par Jerome

Jon Hicks s'y interesse aussi, et c'est superbe:

http://exp.hicksdesign.co...

Haut retour au début de la page

Les commentaires et trackbacks sont désormais fermés. Pour toute remarque, vous pouvez toujours nous contacter.

Pisteur (Trackback)