Titre: probleme de padding ?
Posté par: supercanard le le 21-06-2005 a 12:04:49
Salut
Je crois que j'ai un probleme de padding ou de centrage. J'ai essayé des tonnes de solutions mais j'ai toujours un décallage...
http://eyesbutterfly.com/depot/Untitled-2.htm
#bloc1 {
background-color: #00CCCC;
padding:5px;
border:0px;
height: 300px;
width: 300px;
margin-left:auto;
margin-right:auto;
}
#bloc2 {
background-color: #FFFFFF;
padding: 0px;
border:0px;
height: 290px;
width: 290px;
margin:0px;
}
je comprends vraiment pas ou est le probleme |
Titre: Re:probleme de padding ?
Posté par: OKKO le le 21-06-2005 a 18:28:43
| quel est le résultat souhaité ? |
Titre: Re:probleme de padding ?
Posté par: follenn le le 21-06-2005 a 19:41:08
Tu as imbriqué tes blocs, quand tu en descends un, l'autre suit.
J'imagine que tu veux que ton fond blanc soit centré sur ton fond turquoise, le but serait de faire un cadre turquoise autour d'un fond blanc.
Essaie plutôt ça:
<style type="text/css">
<!--
html,body {
margin:10px;
}
#bloc {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
height: 300px;
width:300px;
border: 5px solid #00CCCC;
}
-->
</style>
et tu ne gardes qu'une div en html:
<body>
<div id="bloc">
Test, test , 123 et plus et moins
</div>
</body>
EDIT: si tu tiens à garder ta solution, c'est le padding du bloc1 qu'il faut changer, vu que c'est lui qui détermine la marge interne, mets:
padding-top:10px;
padding-left: 10px; |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|