OVH Cloud OVH Cloud

display:table

1 réponse
Avatar
christophe C
j'ai un pb sous FF avec le code ci-dessous.
D'après ce que j'ai compris, on ne peut faire de vertical:align que sur
une table ou un display:table. Pourtant, ici, cela n'aligne rien du
tout. Pourquoi ?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div {width:100px ; height:100px ; border:1px solid black ;
display:table ; vertical-align:middle}
</style>
</head>

<body>
<div>bla</div>
</body>
</html>

--
-> http://batraciens.net/ - "BATRACIENS" : Articles et photos sur
l'élevage et la maintenance des batraciens, aquatiques ou terrestres.
Petites annonces.
-> http://css-astuces.batraciens.net/ - "CSS-ASTUCES" : Trucs et astuces
de codage CSS pour enrichir vos pages Web.
-> http://www.priceminister.com/boutique/batra3 - Je vend mes livres SF
d'occasion.

1 réponse

Avatar
simOn
christophe C wrote:

j'ai un pb sous FF avec le code ci-dessous.
D'après ce que j'ai compris, on ne peut faire de vertical:align que sur
une table ou un display:table. Pourtant, ici, cela n'aligne rien du
tout. Pourquoi ?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div {width:100px ; height:100px ; border:1px solid black ;
display:table ; vertical-align:middle}
</style>
</head>

<body>
<div>bla</div>
</body>
</html>




display:table-cell

pour plus d'infos sur vertical-align :
http://incongru.webdynamit.net/VerticalAlign

++