Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 07/02/2011, 16h58   #1
Nouveau Membre du Club
 
Inscription : mars 2006
Messages : 143
Détails du profil
Informations forums :
Inscription : mars 2006
Messages : 143
Points : 29
Points : 29
Par défaut Débordement du contenu dans une div sous IE8

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 :
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 :
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 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 08/02/2011, 14h40   #2
Nouveau Membre du Club
 
Inscription : mars 2006
Messages : 143
Détails du profil
Informations forums :
Inscription : mars 2006
Messages : 143
Points : 29
Points : 29
j'ai résolu le problème en enlevant le float right à la div contenu.
cilies38 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 07h38.


 
 
 
 
Partenaires

Hébergement Web