[Actualités]
NVIDIA a ouvert une enquête sur son PDG.
[Actualités]
Apple va transformer Siri en un agent d'IA à part entière
[Actualités]
Deux bugs critiques ont été découverts dans iOS 27.
[Actualités]
Apple va abandonner le bouton d'action sur l'iPhone.
[Actualités]
Les utilisateurs délaissent les configurations de 32 et 64 Go de RAM.
[Actualités]
La PlayStation Portal Midnight Black annoncé pour le Japon
[Actualités]
Un brevet de Sony pourrait permettre de détecter les comptes secondaires en fon...
[Actualités]
Sony a ressorti des écouteurs vieux de 47 ans. La nostalgie a un prix.
[Actualités]
Quand Windows 12 arrivera-t-il ? Il se fait attendre, car Windows 10 est toujour...
[Actualités]
Intel s'est mis aux LEGO. Le nouveau processeur est composé de six pièces.
[Articles]
Harry Dickson tome 4 : La résurrection de la Gorgone
[Articles]
Shadow of the Tomb Raider : Definitive Edition
[Articles]
Deep Insanity NIRVANA tome 1
[Articles]
The Crew Motorfest
[Articles]
Dark Colors
[Articles]
Warrior Cats: Clans of the Forest
[Articles]
Mollie s’attaque aux banques traditionnelles avec un compte à vue pour coprop...
[Articles]
Cimes Spectrales
[Articles]
Remothered: Red Nun's Legacy
[Articles]
Strange Lessons by Professor Terror tome 2
Se connecter
Se connecter
Inscription
Mot de passe perdu
Connexion
Actualités
Lettre d'information
Proposer une actualité
Archives
Actualités
Articles
Programmation
Press Release
Matériel
Logiciels
Livres
Bandes Dessinées
Interviews
Derniers commentaires
Jeux Vidéos
PC
PlayStation 5
Xbox Series X
Nintendo Switch 2
Nintendo Switch
PlayStation 4
Autres plateformes
Forum
Derniers messages
Informatique
Fun
Divers
Logithèque
Blogs
Divers
A Propos
Annonceurs
Contact
Recherche
RSS
Se connecter
Se connecter
Inscription
Mot de passe perdu
Connexion
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
Newsletter
Recevez les dernières actualités tech directement dans votre boîte mail.
S'inscrire
Forum
-
Derniers messages
Réseaux et Télécom
Edpnet
Bavardages
Séries TV, vous regardez quoi?
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
Actualités
-
Archives
Economie
09-11
NVIDIA a ouvert une enquête sur son PDG.
iOS
09-11
Apple va transformer Siri en un agent d'IA à part entière
iOS
09-11
Deux bugs critiques ont été découverts dans iOS 27.
Apple
09-11
Apple va abandonner le bouton d'action sur l'iPhone.
Matériel
09-11
Les utilisateurs délaissent les configurations de 32 et 64 Go de RAM.
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
SRL - Generated via
Kelare
Haut de page