[Résolu] Bug CSS ?

Marsh Posté le 12-08-2007 à 19:32:20

Hi all,

Je me replonge dans le css après quelques mois d'abstinence en matière de progra web

Je commence un nouveau projet et là, bam ! Je tombe sur un bug que je n'avais jamais rencontré auparavant (j'ai beau chercher dans mon expérience en matière de "tricks" css, ça ne me dit rien).

Et ça m'énerve à un point pas possible (notez que j'ai p-e oublié une base css essentielle, mais ça serait tout de même assez étonnant).

Pour simplifier, j'ai fais une page de test all-in-one :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test CSS</title>
<style>
* {
font-family: Verdana;
padding: 0;
margin: 0;
border: 0;
}
body {
background: white;
width: 100%;
}
#conteneur_1 {
background: grey;
/*border: 1px red solid;*/
}
.sous_conteneur {
margin: 50px;
background: cyan;
height: 100px;
}
</style>
</head>
<body>
<div id="conteneur_1">
<div class="sous_conteneur">
</div>
</div>
</body>
</html>

Le bug en question (vérifié sous FF et Opera) :

- par défaut, le background du bloc "conteneur_1" n'apparait pas entièrement !

- à partir du moment où on lui ajoute une bordure externe, le background apparait (décommenter la ligne 25 pour s'en rendre compte)

Experts CSS, si vous pouvez m'éclairer sur ce mystère, je suis tout ouï !

:jap:

Message édité par ANViL le 13-08-2007 à 16:46:48

Reply

Marsh Posté le 12-08-2007 à 19:32:20

Reply

Marsh Posté le 13-08-2007 à 09:48:01

ca m'arrive quelque fois des problemes comme ca,

je mets un overflow : auto;

et ca regle tout :??:

Reply

Marsh Posté le 13-08-2007 à 12:40:24

Effectivement ça règle le problème, mais je n'aurais jamais imaginé cette solution :mouais:

L'overflow s'applique uniquement pour le contenu du bloc (d'après ce que je sais).

EDIT: aie, ça ne règle pas le problème sous IE, c'est même pire :sweat:

Message édité par ANViL le 13-08-2007 à 12:41:01

Reply

Marsh Posté le 13-08-2007 à 12:43:18

j'ai pas verifié sur ie, mais sur ff ca reglait mon pb, mais c'est vrai que c'est pas logique

Reply

Marsh Posté le 13-08-2007 à 13:08:11

Ce qui me tue c'est que FF & Opera disposent de 2 moteurs de rendu différents, et pourtant ils se comportent de la même manière :sweat:

Si quelqu'un a une - autre - solution (qui fonctionnerait sur les principaux navigateurs), je suis preneur :hello:

P.S: mais c'est quand même dingue ce truc, 2 box imbriquées toutes simples et le background foire (et c'est la première fois que je rencontre ce pb alors que j'ai écris des centaines de lignes de css :ouch: )