Supprimer un message
Krafton
salut,
Le probleme c'est que 'vertical-align', a ma connaissance, ne s'applique qu'aux cellules de table.
Tu peux essayer ca :
Ca c'est la solution comme il faudrait, mais cela ne marches pas avec ie6 (seulement a parti de la version 7)
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
#texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000; }
#conteneur {
display: table-cell;
vertical-align: middle;
text-align: center;
background-color: #6699CC;
width: 500px;
height: 300px; }
-->
</style>
</head>
<body>
<div id="conteneur">
<h1 id="texte">Les alignements</h1>
</div>
</body>
</html>
Je te conseilles de le faire comme ca :
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body { margin: 20px; }
#texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
position:relative;
top:50%;
margin-top:-12px; /* taille de ta font */
}
#conteneur {
text-align:center;
background-color: #6699CC;
width:500px;
height:300px;
border:1px solid #6699CC; /* faut laisser ca */
}
-->
</style>
</head>
<body>
<div id="conteneur">
<h1 id="texte">Les alignements</h1>
</div>
</body>
</html>
Chez moi ca marches.
Le probleme c'est que 'vertical-align', a ma connaissance, ne s'applique qu'aux cellules de table.
Tu peux essayer ca :
Ca c'est la solution comme il faudrait, mais cela ne marches pas avec ie6 (seulement a parti de la version 7)
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
#texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000; }
#conteneur {
display: table-cell;
vertical-align: middle;
text-align: center;
background-color: #6699CC;
width: 500px;
height: 300px; }
-->
</style>
</head>
<body>
<div id="conteneur">
<h1 id="texte">Les alignements</h1>
</div>
</body>
</html>
Je te conseilles de le faire comme ca :
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body { margin: 20px; }
#texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
position:relative;
top:50%;
margin-top:-12px; /* taille de ta font */
}
#conteneur {
text-align:center;
background-color: #6699CC;
width:500px;
height:300px;
border:1px solid #6699CC; /* faut laisser ca */
}
-->
</style>
</head>
<body>
<div id="conteneur">
<h1 id="texte">Les alignements</h1>
</div>
</body>
</html>
Chez moi ca marches.