|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
Didier_S
WRInaute passionné
Inscrit le: 24 Aoû 2004
Messages: 561
Localisation: Paris
|
 Posté le : Dim Fév 06, 2005 23:35 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
Bonjour,
je dois réaliser un site de hauteur et de largeur fixe (admettons 500 sur 400), et il faut que ce site soit "centré" au milieu de la fenêtre du navigateur...
je peux le faire en <table>, mais j'aimerais utiliser des <div>...
j'ai donc créé un <div> "principal", height:100%; width:100%, et à l'intérieur de celui-ci un autre <div> "contenu", height:500px; width:400px
malheureusement, j'ai beau mettre des vertical-align:middle de partout, rien ne marche, et je commence à me dire que rien ne vaut mes bons vieux <table>...
des idées ?
merci d'avance |
|
| |
|
 |
pc07
WRInaute discret
Inscrit le: 10 Aoû 2004
Messages: 97
|
| Posté le : Dim Fév 06, 2005 23:41 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
salut,
le vertical-align n'est pas vraiment reconnu avec les css en tout cas ne fonctionne pas vraiment. Tu peux aller faire un tour sur -http://www.alsacreations.com ou -http://openweb.eu.org , ces deux sites parlent des css. Sur le premier il y a un forum dont la communauté est assez active. Tu y trouveras une solution.
Dernière édition par pc07 le Dim Fév 06, 2005 23:43; édité 1 fois |
|
| |
|
|
Cartapus
WRInaute impliqué
Inscrit le: 18 Juin 2004
Messages: 475
|
| Posté le : Dim Fév 06, 2005 23:42 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
| Salut, étant donné que la hauteur moyenne d'un écran est 760px, un margin-top:180px ([760-400]/2) devrait aller. mais c'est à proprement dit pas centré. |
|
| |
|
|
Didier_S
WRInaute passionné
Inscrit le: 24 Aoû 2004
Messages: 561
Localisation: Paris
|
| Posté le : Dim Fév 06, 2005 23:46 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
| Cartapus a écrit: |
| Salut, étant donné que la hauteur moyenne d'un écran est 760px, un margin-top:180px ([760-400]/2) devrait aller. mais c'est à proprement dit pas centré. |
j'y avais pensé, mais avec une haute résolution (genre 1600x1024), le rendu est carrément horrible. |
|
| |
|
|
Didier_S
WRInaute passionné
Inscrit le: 24 Aoû 2004
Messages: 561
Localisation: Paris
|
| Posté le : Lun Fév 07, 2005 0:26 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
| Code: |
#global {
position:absolute;
left: 50%;
top: 50%;
width: 700px;
height: 400px;
margin-top: -200px;
margin-left: -350px;
border: 1px solid red;
}
|
la technique des marges négatives marche à merveille  |
|
| |
|
|
shrom
WRInaute passionné
Inscrit le: 05 Juil 2004
Messages: 866
|
|
| |
|
|
Cartapus
WRInaute impliqué
Inscrit le: 18 Juin 2004
Messages: 475
|
| Posté le : Lun Fév 07, 2005 0:36 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
A mettre en favoris ce thread  |
|
| |
|
|
Hearty
WRInaute occasionnel
Inscrit le: 23 Fév 2004
Messages: 138
|
| Posté le : Lun Fév 07, 2005 12:20 Sujet du message: [HTML & CSS] div centrés en hauteur ? |
|
|
soit dit au passage, le vertical-align en css ne centre pas un element par rapport a son conteneur, mais par rapport aux autres elements du meme conteneur  |
|
| |
|
|
| |
|
|
