[Résolu] Bug CSS ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] Bug CSS ?

ANViL

yep...definitely ♫

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

Publicité

tomsoft

ca m'arrive quelque fois des problemes comme ca,

je mets un overflow : auto;

et ca regle tout :??:

ANViL

yep...definitely ♫

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

tomsoft

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

ANViL

yep...definitely ♫

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: )

Message édité par ANViL le 13-08-2007 à 13:10:44

ANViL

yep...definitely ♫

Résolu :sol:

http://forum.alsacreations.com/top [...] .html#copy

tomsoft

jme coucherais moins bete ce soir

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu] Bug CSS ?

Sujets relatifs
[Résolu] Problème ActionScript - fonction onLoad	[C++] Problème stringstream/fstream et rdbuf() [résolu]
[Résolu] Hiérarchie de menus : besoin de conseils	erreur dans un programme simple (resolu)
Histoire de package [Resolu]	[Résolu] position d'un div tout en bas d'une page
Différence entre membre dans et hors __init__ [RESOLU]	Résolu - Arrayliste, exemple COMPLET
[résolu] CSS zoom limité à 30 images ?
Plus de sujets relatifs à : [Résolu] Bug CSS ?

Page générée en 0.036 secondes