28173 sujets

CSS et mise en forme, CSS3

[résolu] Pb de div qui sort du div parent

Salut.
J'ai un petit problème d'affichage sur FF (pour une fois)
J'ai un modèle css construit avec cette arbo

body
..GENERAL
......MENU
......CONTENU_FOND
............CONTENU

mon conteneur général a une bordure de 2px white ...
bon ben le truc c'est que la div contenu_fond sort de la div général sous ff...
je comprends pas trop pourquoi Smiley decu

ci après le code.

body {
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#FFFFFF;
	clear:both;
}

div#general {
width : 830px;
margin: auto;
background:#000000;
margin-top: 10px;
border: solid 2px white;
padding:0;
}

div#menu {
	width : 830px;
	background:#6633FF;
}

/* CSS de la page d'accueil */

div#contenu_fond {
	margin: 0;
	padding: 0;
	background:#00CCFF;
	height:1%;
}

div#contenu {
	width : 600px;
	float: right;
	background:#9933CC;
}

---------------- LE HTML -------------------

<body>
<div id="general">
	<div id="menu"><img src="images/<?php echo $langue; ?>/menu.jpg" /> </div>
	
	<div id="contenu_fond">
		<div id="contenu">
			<?php include($langue.'/'.PAGE_ACCUEIL); ?>
			
		</div>
	</div>
</div>
</body>


Et deux screenshoot pour que vous compreniez bien le pb.

http://lesnam.free.fr/pb_css/pb_css_ff.jpg
http://lesnam.free.fr/pb_css/pb_css_ie.jpg

j'espère que vous pourrez me donner une piste à suivre Smiley lol

merci
@+
Modifié par NAS (10 Mar 2007 - 17:38)
Bonjour,

Tu peux essayer cela :
body {
	background-color: #333;
	margin: 0px;
	color:#fff;
}

div#general {
width : 830px;
margin: auto;
background:#000;
margin-top: 10px;
border: solid 2px #fff;
}

div#menu {
	background:#63f;
}

/* CSS de la page d'accueil */

div#contenu_fond {
	background:#00CCFF;
}

div#contenu {
	margin-left : 230px;
	background:#9933CC;
}


Mais je te conseille de commencer par le html, ensuite CSS, ensuite les <div> si besoin et enfin ton PHP.

Je te laisse voir
merci beaucoup !!
SI j'avais su quoi chercher j'aurai surement trouvé ... mais le truc c'est que je ne savais pas quel était le cas de figure e mon pb ...entre autre "element flottant dépassant leur conteneur"
résolu avec overflow:auto !
merci à vous !
@+
Sujet clos
Aller à