Se connecter
Se connecter
Inscription
Mot de passe perdu
Connexion:
[Actualités]
Test Bridge Constructor Studio (PS5) - Construisez des ponts désormais sans bud...
[Actualités]
Mario Tennis Fever : Rendez-vous sur le court le 12 février sur Switch 2
[Actualités]
Finies les photos de nus non désirées. La Grande-Bretagne transfère la respon...
[Actualités]
Présentation du mini PC Acer Veriton RA100 SFF
[Actualités]
Les premiers routeurs Wi-Fi 8 ont été dévoilés au CES 2026.
[Actualités]
Corsair a dévoilé un clavier doté d'un Stream Deck intégré.
[Actualités]
Razer a lancé un PC dédié au travail avec l'IA.
[Actualités]
"South Park : Les créations de Chaos" débarque dans Fortnite !
[Actualités]
Voici la première batterie à semi-conducteurs : elle promet de révolutionner ...
[Actualités]
L'Iran coupe internet. Les manifestants se retrouvent sans moyen de communication.
[Articles]
Avatar: Frontiers of Pandora - D'entre les Cendres
[Articles]
Bridge Constructor Studio
[Articles]
Le Loup des Cordeliers
[Articles]
Immortal Hounds tome 7
[Articles]
Dungeons & Dragons: Dragonshard
[Articles]
Le Sympathisant
[Articles]
One Piece Odyssey
[Articles]
L'oubliée du radeau de la Méduse
[Articles]
Truck Driver: The Dutch Connection
[Articles]
School of Villains tome 2
Actualités
Lettre d'information
Proposer une actualité
Archives
Actualités
Articles
Programmation
Press Release
Matériel
Logiciels
Livres
Interviews
Derniers commentaires
Jeux Vidéos
XBox One
XBox 360
Wii U
PSP
PS4
PS3
PC
DS
GameCube
3DS
Forum
Derniers messages
Informatique
Fun
Divers
Logithèque
Blogs
Divers
A Propos
Annonceurs
Contact
Recherche
RSS
Editer un article
Titre
Mots Clés
Texte
Le centrage vertical diffère du centrage horizontal dans la mesure où il fait intervenir la zone de visualisation, c'est à dire la zone de l'écran où s'affiche la page Web. En d'autres termes, le centrage horizontal se fait par rapport à la largeur du document (qui est égale à la largeur de la zone de visualisation dans l'écrasante majorité des cas), alors que le centrage vertical se fait par rapport à la hauteur de la zone de visualisation, et ceci, indépendamment de la longueur du document. Une bonne méthode est d'utiliser le positionnement absolu. L'idée est de placer le cadre à 50% de la hauteur de la zone de visualisation, puis de le faire "remonter" en donnant à sa marge du haut une valeur négative et égale à la moitié de sa hauteur : [css] div#principal { position: absolute; height: 300px; top: 50%; margin-top: -150px; } [/css] Remarques : * On peut aussi utiliser cette technique pour centrer horizontalement le cadre, et le placer parfaitement au milieu de l'écran. * Cette méthode avoue ses limites lorsque le cadre est plus haut que la zone de visualisation. Le haut et le bas du cadre ne seront alors plus visible. La résolution de ce cas sera abordée prochainement. * Cette méthode ne fonctionne pas avec Netscape 4 qui ne reconnait pas les marges négatives. Merci à gm_superstar pour cet article
Fichier
Forum
-
Derniers messages
Bavardages
Aujourd'hui, je rénove ou je construis ^^
Informations
Besoin d’avis sur l’UX de mon mini-projet web (et plus globalement sur ce qui vous rebute sur un site) ?
Software
problème sur windows 10
Réseaux et Télécom
Problème wifi (POE)
Software
Postfix - Need help
Bavardages
Oh râge oh désespoir !
Programmation
Enregistrement client et envoi mail
Software
SÉCURITÉ MACBOOK
Hardware
conseil matos réseau?
Hardware
nVidia Shield Android TV
Actualités
-
Archives
Jeux Vidéos
Test Bridge Constructor Studio (PS5) - Construisez des ponts désormais sans budget limité
Jeux Vidéos
Mario Tennis Fever : Rendez-vous sur le court le 12 février sur Switch 2
Droit
Finies les photos de nus non désirées. La Grande-Bretagne transfère la responsabilité des victimes aux plateformes.
Matériel
Présentation du mini PC Acer Veriton RA100 SFF
Internet
Les premiers routeurs Wi-Fi 8 ont été dévoilés au CES 2026.
Ada
CSS
Cobol
CPP
HTML
Fortran
Java
JavaScript
Pascal
Perl
PHP
Python
SQL
VB
XML
Anon URL
DailyMotion
eBay
Flickr
FLV
Google Video
Google Maps
Metacafe
MP3
SeeqPod
Veoh
Yahoo Video
YouTube
6px
8px
10px
12px
14px
16px
18px
Informaticien.be
- © 2002-2026
Akretio
SPRL - Generated via
Kelare
The Akretio Network:
Akretio
-
Freedelity
-
KelCommerce
-
Votre publicité sur informaticien.be ?