Se connecter
Se connecter
Inscription
Mot de passe perdu
Connexion:
[Actualités]
Les Technos #453 : Julian Assange : l'épilogue d'une saga ?
[Actualités]
Amazon va lancer une "section chinoise" dans sa boutique en ligne
[Actualités]
Google Translate accueille 110 nouvelles langues, avec un regard attentif sur l'...
[Actualités]
Xbox Cloud Gaming arrive sur Amazon Fire TV, c'est officiel
[Actualités]
Test Killer Klowns from Outer Space : The Game (PS5)
[Actualités]
Google lance ChromeOS 126 : de nouvelles fonctionnalités pour le calendrier et ...
[Actualités]
Chrome s'améliore sur Android et iOS : voici les 5 nouveautés à venir
[Actualités]
Apple Diagnostics pour la réparation en libre-service arrive également en Europe
[Actualités]
Google travaille à améliorer Find My Device (et recommande un changement)
[Actualités]
Le nouveau mode vocal de GPT-4o a été retardé d'un mois
[Articles]
ESET Threat Report: des voleurs d'informations utilisent l'IA et des maliciels b...
[Articles]
Killer Klowns from Outer Space : The Game
[Articles]
Madison VR
[Articles]
F1 24
[Articles]
Les Schtroumpfs - Village Party
[Articles]
Eternal Threads
[Articles]
Rocket Knight Adventures : Re-Sparked !
[Articles]
Retropolis 2 : Never Say Goodbye
[Articles]
Whisker Waters
[Articles]
Crown Wars : The Black Prince
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 ^^
Réseaux et Télécom
Administrateur Réseau - Cisco
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
Software
Transformer de l'audio en texte
Actualités
-
Archives
Les Technos
Les Technos #453 : Julian Assange : l'épilogue d'une saga ?
Internet
Amazon va lancer une "section chinoise" dans sa boutique en ligne
Google
Google Translate accueille 110 nouvelles langues, avec un regard attentif sur l'Afrique
Jeux Vidéos
Xbox Cloud Gaming arrive sur Amazon Fire TV, c'est officiel
Jeux Vidéos
Test Killer Klowns from Outer Space : The Game (PS5)
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-2024
Akretio
SPRL - Generated via
Kelare
The Akretio Network:
Akretio
-
Freedelity
-
KelCommerce
-
Votre publicité sur informaticien.be ?