28220 sujets

CSS et mise en forme, CSS3

Lorsque je demande de ne pas mettre de bordure en bas du body_tronc, il ne m'en met pas... mais il supprime des bordures de body_queue lorsque body_tronc contient une balise de type block ! Biensûr, le problème n'apparaît que sous IE.

Regardez :

Code source de essai.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>Intra-Céline :: Fiche Elève</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
	</head>
	<body>
		<div id="body_tronc">
			<p>haha</p>
		</div>
		<div id="body_queue">
		
		</div>
	</body>
</html>


Et voici le fichier css style.css :

#body_tronc
{
	background-color : white ;
	padding : 15px;
	
	margin-bottom : 10px ;
	margin-top : 10px;
	
	border: 1px solid black ;
	border-bottom : none ;
}
#body_queue
{
	height: 134px;
	width : 200px;
	border: 1px solid black ;
}


Sur IE? lorsque je met à body_tronc : border-bottom : none , la bordure gauche de body_queue se supprime d'elle même... Je ne comprends pas pourquoi.

Par contre, si je retire le paragraphe : <p>ah ah</p> de body_tronc... je n'ai pas le probleme.

edit : voici le fichiez zip qui rassemble la page html et le style : http://membres.lycos.fr/niradoo/stockage/prb.zip
Modifié par NiRaDo (19 Jun 2005 - 16:12)
Personne ne pourrait me donner une réponse ? Smiley bawling . Je vais commencer à croire que c'est un gros bug d'IE Smiley rolleyes
Alors là bravo !
Encore jamais vu ce bug là, je ne sais pas ce qu'en pense les spécialistes, mais il semble bien mériter d'être répertorier dans les annales.

D'après ce que je vois il rogne la bordure de gauche de 2px (si tu mets une bordure de npx, il en reste (n-2)px visibles). Je ne sais pas ou partent ces pixels, mais si tu introduis une marge de 2px sur ton élément #body_queue tu retrouves ta bordure entière.
Modifié par Xavier (21 Jun 2005 - 10:57)
a écrit :
mais il semble bien mériter d'être répertorier dans les anales.


Y-a-t-il un proctologue dans la salle? Smiley confus
bouquins a écrit :


Y-a-t-il un proctologue dans la salle? Smiley confus

Ou quand les standards et CSS mènent à tout ! Smiley capello

(Au fait, le problème est résolu ?)
Modifié par Macpom (21 Jun 2005 - 11:05)
a écrit :
(Au fait, le problème est résolu ?)


Oui, deuxboîtes de dragées Fuca et une de Préparation H!!


Ok je sors...par la petite porte Smiley cligne
bouquins a écrit :


Oui, deuxboîtes de dragées Fuca et une de Préparation H!!


Ok je sors...par la petite porte Smiley cligne

Dire que je ne voulais pas l'utiliser au premier coup...
Ne serais-tu pas plutôt sorti par là Smiley toilet ?
ok, Smiley dehors !
Oups, j'oubliais, avant de sortir, tu veux du Smiley deal ?
Modifié par Macpom (21 Jun 2005 - 13:48)
Macpom : Non le problème n'est pas résolu. Si je mets cette fameuse marge de 2px ... Sur IE c'est niquel... mais déjà que je déteste faire des bidules comme ça qui n'ont aucuns sens (je préfère chercher la source du problème putôt que de "boucher le problème"),
... et du coup avec Firefox, ça décale tout (forcément !).

Je n'ai vraiment pas envie d'utiliser de hackIE.

Microsoft est au courant au moins ? de ce bug ? Ou sinon c'est peut être nous qui ne voyons pas l'erreur. Mais j'ai recommencé plusieurs fois et rien n'y fait, même en changeant de DOCTYPE.
Tu as un probleme du meme ordre que le mien ( voir mon sujet quelques lignes en dessous ), à savoir une bordure qui est "rognée" à causes de balises <p></p> ...
Je pense donc que c'est dû aux propriétés de cas balises, qui ont sans doute une valeur prédéfinie sur IE qui n'est pas présente sur Firefox ... J'ai essayé de "mettre ces valeurs à 0" avec un code css de ce style:

p {
margin: 0;
padding: 0;
}

Mais cela ne change rien ...
Je te tiens au courant si j'arrive à quelque chose car moi aussi j'aimerai trouver la source du probleme plutot que de "combler" ce décalage Smiley ohwell
NiRaDo > Je viens de tester ton code, le hack fonctionne sans perturber FF, mais franchement, je ne vois pas la cause de ce sauté de bordures...
Edit > Oups, je me suis raté par fausse manip de clavier... Si un modo passe par là et pouvait supprimer mon post du dessus ... (Et cet édit, ensuite...). MErci d'avance...
Modifié par Macpom (23 Jun 2005 - 15:28)