centrage CSS & Overflow

Christophe - Elite grafx SARL a écrit :

Vous avez une idée et une solution ?

Voici ma version des faits :

body {
background-color: #600;
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
color: #600;
font-size: x-small;
text-align: center;
}
.conteneur {
position: relative;
background: url(layout.gif) no-repeat scroll 50% 50%;
height: 760px;
width: 760px;
margin: 0 auto;
}
.centre {
position: absolute;
top: 120px;
left: 125px;
text-align: left;
height: 520px;
width: 520px;
overflow: auto;
background: #0CF;
}

--
Pierre
http://www.1966.fr/

.centre {
position: absolute;
top: 120px;
left: 125px;
text-align: left;
height: 520px;
width: 520px;
overflow: auto;
background: #0CF;
}

Ok, merci je me suis inspiré de ca en le faisant a ma facon et ca semble
marcher maintenant.
Si d'autres personnes sur d'autres OS et d'autres navigateurs peuvent me
dire si ils ne voyent pas des trucs bizarres genre des blocs tout decalés,
ca serait sympa a vous.

http://www.elite-grafx.com/test/brummell/

Christophe

Christophe - Elite grafx SARL a écrit :

Ok, merci je me suis inspiré de ca en le faisant a ma facon et ca semble
marcher maintenant.

Bien que ça fonctionne pareil, voici les lignes qui m'interrogent :

.conteneur {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.centre {
margin-left: -260px;
left: 50%;
}

à partir du moment ou .centre est en position absolue et où tu cales
tout au pixel près.

--
Pierre
http://www.1966.fr/

à partir du moment ou .centre est en position absolue et où tu cales tout
au pixel près.

Oui effectivement, ta version est plus juste. En plus elle a un avantage si
le visiteur a un ecran petit, le bloc centre ne pars pas de sa position.

Merci pour tout. Mon probleme est maintenant reglé.

Christophe