[Actualités]
Le pack Nintendo Switch 2 + Nintendo Switch Sports Resort sortira le 22 octobre
[Actualités]
Les robotaxis de Waymo arrivent en Europe : opérationnels d'ici 2027.
[Actualités]
Windows on Arm dépasse les 7 000 applications vérifiées : voici ce qui change...
[Actualités]
OpenAI a dévoilé sa propre puce d'IA
[Actualités]
Apple a dévoilé les nouveaux processeurs M5 Ultra et M6.
[Actualités]
Google exige une pièce d'identité des développeurs d'applications.
[Actualités]
Windows XP a maintenant 25 ans
[Actualités]
La mise à jour d'août de Windows 11 perturbe l'impression et l'exportation PDF.
[Actualités]
Test D-topia (Nintendo Switch) - Une routine simple qui commence à se répéter
[Actualités]
Les bornes de recharge sont vulnérables aux cyberattaques
[Articles]
GRIDbeat!
[Articles]
Pets Survivors
[Articles]
Marvel Tokon : Fighting Souls
[Articles]
Hercule Poirot - Le Meurtre de Roger Ackroyd
[Articles]
Scanner ESET ultra-rapide et haute précision pour menaces, désormais disponibl...
[Articles]
Quishing, une alternative au phishing traditionnel - ESET explique comment les e...
[Articles]
D-topia
[Articles]
DragonSword : Awakening
[Articles]
Clockfall
[Articles]
Silence tome 7
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
Consoles
26-08
Le pack Nintendo Switch 2 + Nintendo Switch Sports Resort sortira le 22 octobre
Programmation
26-08
Les robotaxis de Waymo arrivent en Europe : opérationnels d'ici 2027.
Windows
26-08
Windows on Arm dépasse les 7 000 applications vérifiées : voici ce qui change pour les utilisateurs
Matériel
26-08
OpenAI a dévoilé sa propre puce d'IA
Apple
26-08
Apple a dévoilé les nouveaux processeurs M5 Ultra et M6.
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