Bonjour,
Je continue de tester mon site avec differents navigateurs, et j'en suis à IE MAC. J'ai un problème avec la propriété overflow:hidden;
Un bout de code en XHTML:
Et le CSS qui pose problème:
Avec overflow:hidden, le bloc #conteneur n'est pas centré dans IE MAC, mais collé à gauche. Si je commente cette ligne, #conteneur se re-centre.
Le problème, c'est que j'ai besoin de ce overflow (plus loin, j'ai une barre de vignettes qui est plus large que la boite #conteneur et dont je veux masquer les extrémités). Exemple
Comment faire pour à la fois centrer dans IE mac et avoir la propriété overflow:hidden ?
merci
Je continue de tester mon site avec differents navigateurs, et j'en suis à IE MAC. J'ai un problème avec la propriété overflow:hidden;
Un bout de code en XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>rue gerin :: xperiment </title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Content-language" content="fr"/>
<link rel="stylesheet" type="text/css" href="../xp10.css" />
<link rel="author" title="Auteur" href="Fabien"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
</head>
<body>
<div id="conteneur">
<p id="titre">Tentative</p>
<div id="legende">
<p>blah blah blah</p>
</div>
<div id="zone">
<p>re - blah blah </p>
</div>
</div>
</body>
</html>Et le CSS qui pose problème:
body {
background: #fff;
margin:0;
padding:0;
text-align:center; /*pour centrer dans IE windows*/
}
#conteneur {
background: #c6c6c6;
width:1010px;
height:610px;
margin:15px auto 0 auto;
padding:0;
border:2px solid #454545;
overflow:hidden;
}Avec overflow:hidden, le bloc #conteneur n'est pas centré dans IE MAC, mais collé à gauche. Si je commente cette ligne, #conteneur se re-centre.
Le problème, c'est que j'ai besoin de ce overflow (plus loin, j'ai une barre de vignettes qui est plus large que la boite #conteneur et dont je veux masquer les extrémités). Exemple
Comment faire pour à la fois centrer dans IE mac et avoir la propriété overflow:hidden ?
merci