Bonjour à tous, voila j'ai un petit problème avec mon CSS, je débute un peu et j'ai du mal à m'y retrouver.
Mon problème est le suivant : J'ai une div principale nommé 'all' qui contient tout les div, puis j'ai une div 'contenu' qui contient en son sein deux div 'menu' et 'corp'. La div 'menu' comme son nom l'indique, contient mon menu et se situe sur la gauche. La div 'corp' contient elle le texte de mes pages. et enfin dans cette meme div 'corp' j'ai une div 'prod' qui contient les produits lu dans ma base de donnée, malheureusement comme vous le voir ya un petit soucis (voir screen1) et il en vas de meme lorsque mon menu devient trop grand la div 'corp' ne suis pas (voir screen2)

screen1:


screen2:


Je tient a préciser que le problème n'existe pas sous IE, et Safari. Seulement sous Opéra et Firefox

Vous pouvez aussi accédé au site via ce lien : http://iloveshady.free.fr/AP%20-%20Commerce/index_.php

Ci-joint mon style css épuré :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
*{padding:0;margin:0;}
 
/* style général de la page */
body  {
    background: #D3D3D3 url('images/fond.jpg') repeat-x 0 0;
    padding:30px 0 30px 0;
    margin: auto;
    text-align: center;
    vertical-align: top;
    color: #000;
    font-family: verdana;
    font-size: 10px;
}
 
/* style des liens */
a:link {color: white; text-decoration: none ;}
a:visited {color: white; text-decoration: none ;}
a:hover {font-weight:bold; color: white; text-decoration: none ; }
 
/* div */
div#all {
    text-align:left;
    width:800px;
    margin : auto;
}
 
div#contenu {
	width:800px;
    background: url('images/fondcontenu.jpg') repeat-y 0 0;
}
 
/* div du div menu */
div#menu {
    float: left;
    width: 174px;
}
 
/* style du contenu */
div#corp {
    margin-left: 174px;
    padding-right:20px;
    padding-left:10px;
}
 
/* block du titre du contenu */
.ctitre {
	height:40px;
	padding-top:5px;
    background-image: url('images/ctitre.jpg');
    background-repeat: no-repeat;
	font-size:20px;
	text-align:center;
}
 
/* block du texte du contenu */
.ctexte {
	min-height:200px;
	padding-bottom:50px;
	background-image: url('images/ctexte.jpg');
    background-repeat: repeat;
	font-family: verdana;
}
 
/* style de la div produit */
div#produit  {
	float: left;
	width: 180px;
	height:150px;
	text-align:center;
	text-decoration:none;
}
Et voici le code de ma page catégorie (que l'on voit dans le premier screen)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
 
	<title>ShAdY Commerce | categorie</title>
 
	<meta http-equiv="Content-Language" content="fr" />
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
 
	<link title="defaut" type="text/css" rel="stylesheet" href="style.css" media="screen" />
 
</head>
 
<body>
 
<div id="all">
 
    <div id="header">
	<?php include("connexion.inc.php"); ?>
	</div>
    <div id="contenu">
		<div id="menu">
			<div class="mrecherche"></div>
			<?php include("menu.inc.php"); ?>
        </div>
 
		<div id="corp" class="ctitre">Categorie <?php echo $_GET['cat'];?></div>
        <div id="corp" class="ctexte">
		<?php
		$mysql_result = lstProd($_GET['cat']);
		while ($prod = mysql_fetch_array($mysql_result)) // boucle pour afficher les différents produit dispo
			{
			echo '
			<div id="produit">
				<a href=produit.php?ref='.$prod[0].' >'.$prod[1].'<br/>				<img src="'.$prod[3].'" border="0" ></a><br/>
				<i>'.$prod[4].'€</i>
			</div>';
			}
		?>
		</div>
	</div>
    <?php include("footer.inc.php"); ?>
 
</div>
 
</body>
</html>

Je vous remercie d'avance pour l'aide que vous voudrez bien m'apporter dans la résolution de mon problème