Discussion :

[cilies38]

Bonjour tout le monde,

Voilà le problème j'ai deux colonnes dans une div center : la div sidebar et la div contenu.

Code css :

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
 
div#center {
	padding-bottom: 0;
	overflow: hidden;
	background: url(bg_center.jpg) repeat-y 0 0 ;
 
}
 
 
div#sidebar 
{
	float: left;
	width: 160px;	
	padding-left: 5px;
}
div#contenu
{
 
	width: 630px ;
	float: right;
	padding: 0 10px 0 0;
	overflow: hidden;
	color : #333333;
 
}

Dans la colonne contenu, le texte déborde de la div sous IE 8 seulement.
Aussi le background de la colonne center ne s'affiche pas.
Vous pouvez voir sur des sites qui font des captures d'écran sous différent navigateurs comme celui là :http://ipinfo.info/netrenderer/index.php
vous rentrer l'adresse suivante à tester : http://www.hie-equipement.com/index.php

Voici le code XHTML :

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
<div id="center">
		<div id="sidebar">
			<div align="center"><a href="affaires.php"><img src="Design/newdesign/macaron2.jpg" height="125" width="125" border="0" /></a></div>
			<?php do { ?>
			<div id="prodBar">
			<?php 
                        $dir="assets/images/affaires/";
                        echo"<a href=\"affaires.php\"><img src=\"".$dir.$row_parametres['petiteImageProd']."\" class='imgProdBar' />";
                        echo"<br />";   
                        echo "<span class='titreProdBar'>".$row_parametres['nomProduit']."</span></a>";
                         ?>
			</div>
		<?php } while ($row_parametres = mysql_fetch_assoc($parametres)); ?>
		 </div>
 
 
		<div id="contenu">
			<div style="font-size : 19px ; color : #003366; font-weight : 800; text-align:center;margin : 0 auto;">04 76 87 13 81 </div>
			<!-- InstanceBeginEditable name="Corps du document" -->
			<h4> <?php echo $row_accueil['titre']; ?> </h4>
			<?php echo $row_accueil['texteAccueil']; ?>  
		</div>
	</div>

Voilà merci d'avance.

[cilies38]

j'ai résolu le problème en enlevant le float right à la div contenu.