Se connecter
Se connecter
Inscription
Mot de passe perdu
Connexion:
[Actualités]
L'Union européenne veut infliger une amende à Google. La formation de l'IA pou...
[Actualités]
L'iMac Pro bénéficiera d'une mise à jour majeure.
[Actualités]
L'iPad mini 8 sera équipé d'un processeur haut de gamme.
[Actualités]
Nvidia prévoit, selon certaines sources, une réduction de 30 à 40 % de sa pro...
[Actualités]
Test Milano's Odd Job Collection (Nintendo Switch) - Un jeu PS1 inédit en Europ...
[Actualités]
Google présente l'assistant qui organise notre journée dès le début.
[Actualités]
Apple TV sur Android fait son grand retour avec Google Cast !
[Actualités]
Instagram débarque sur Fire TV : les Reels sont désormais disponibles sur tél...
[Actualités]
Firefox deviendra également un navigateur basé sur l'IA.
[Actualités]
Microsoft souhaite améliorer les performances de Windows 11. Cependant, cela po...
[Articles]
Just Twilight tome 1
[Articles]
Milano's Odd Job Collection
[Articles]
Wild Strawberry tome 3
[Articles]
Romancing SaGa -Minstrel Song- Remastered International
[Articles]
Rapport ESET sur les menaces : attaques par l'IA en hausse; menaces NFC en augme...
[Articles]
Völundio : Chroniques des lames sacrées tome 2
[Articles]
REDEX - Console Edition
[Articles]
Thrillerville
[Articles]
Schildmaid MX
[Articles]
Mollie en cours d’acquisition de GoCardless pour créer la plateforme de paiem...
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
Droit
L'Union européenne veut infliger une amende à Google. La formation de l'IA pourrait coûter des milliards à l'entreprise.
Apple
L'iMac Pro bénéficiera d'une mise à jour majeure.
Tablettes
L'iPad mini 8 sera équipé d'un processeur haut de gamme.
Matériel
Nvidia prévoit, selon certaines sources, une réduction de 30 à 40 % de sa production de GPU GeForce début 2026.
Jeux Vidéos
Test Milano's Odd Job Collection (Nintendo Switch) - Un jeu PS1 inédit en Europe porté sur les supports modernes
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-2025
Akretio
SPRL - Generated via
Kelare
The Akretio Network:
Akretio
-
Freedelity
-
KelCommerce
-
Votre publicité sur informaticien.be ?