fifiz a écrit a écrit :
marche po ...
|
Effectivement, ça ne marche pas avec IE... Avec Mozilla pas de problème.
fifiz a écrit a écrit :
quand tu parle de largeur tu pensais probablement hauteur non ?
|
Non je parlais bien de la largeur. Car avec Mozilla lorsqu'on donne à un bloc la propriété display: table-celle la largeur du bloc fait exactement celle de son contenu (alors que par défaut un DIV prend la largeur de son conteneur).
fifiz a écrit a écrit :
de toute façon le width et le height son déclarés respectivement en % et en px.
le style du conteneur :
.home
{position: relative
;width: 90%
;height: 454px}
;display: table-cell
;vertical-align: middle}
|
Bon j'ai retourné le problème en long et en large et j'en arrive à la conlusion qui n'est pas possible de centrer verticalement un bloc dont la hauteur n'est pas déclarée explicitement (par une propriété height).
Donc 2 solutions s'offrent à toi :
- Utiliser les tableaux
- Déclarer la heuteur de ton deuxième DIV
Question subsidiaire : est-ce qu'il y a moyen que tu te passes du deuxième DIV ? Car la méthode que j'ai donnée plus haut fonctionne avec IE pour centrer verticalement du texte (et non pas un bloc)
Je le redis il y a clairement un manque à ce niveau là avec les CSS et d'ailleurs le problème a été (vivement) débattu il y a quelques temps sur la liste du W3C : http://lists.w3.org/Archives/Publi [...] /0107.html
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog