vendredi,
et encore l'incoherence de IE qui est capable de conferé a un element declaré "inline" des proprieté applique a des element en principe en "block" , ou vice-versa peut-etre ?
Le copyright et l'ensemble reste de la page est inclus au sujet
, seul l'info peut rester interessante et avoir des utilité "css" pratiques , les bugs , mettent en evidence des comportements "inattendues" , en les reconnaissant on peut alors en faire usage pour un resultat maitrisé ...
je remet un exemple , pour ceux qui ne trouve aucun interet a cette histoires , exemple aussi dénué d'interet mais amusant , centre un <div> entre 2 balise <b> :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ie et une balise en display:inline , dimensionnable</title>
<style type="text/css" >
html , body , .taille , *{
height:100%;
margin:0;
padding:0;
width:100%;
}
.taille {
width:100%;
text-align:center;
display:table;
}
.taille div {
border:5px solid #333;
display:table-cell;
width:10%;
height:50%;
vertical-align:middle
}
b { border:5px solid #333;
display:table-cell;
width:11%;
height:40%;
vertical-align:middle
}
</style>
<!--[if IE]>
<style type="text/css">
.taille , .taille div , b {
display:inline-block;
}
.taille div {
display:inline;
width:20%; /* si si c'est vrai ! */
height:20%;
}
</style>
<![endif]-->
</head>
<body >
<div class="taille">
<b>un b</b>
<div>
un div
</div>
<b>un b</b>
</div>
</body>
</html>
troll troll troll
