18067 sujets

Questions générales et questions de débutants

Si IE affiche historique, mes images disparaissent

Bonjour,
je débute en CSS, et malgré des recherches sur le forum et sur internet, je ne trouve pas la solution.

ma partie HTML :

<div id="navBar"> 
   <div id="sectionLinks"> 
   </div>
</div>

<div id="content"> 
   <div class="feature">
        affiche un flash de 700x133
   </div>
</div>

Pour le CSS j'ai :


#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	background-color: #FFFFFF;
}
#content{
	float: left;
	width: 55%;
	background-color: #FFFFFF;
}

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 79%;
}


Tout fonctionne corrrectement sous firefox même lorsque je réduit la taille de la fenêtre du navigateur.
Par contre sous IE, dès que la fenêtre devient trop petite, la partie "content" file vers le bas de la page.
Comment faire pour éviter cela et garder l'image et le texte de la partie "content" à coté de mes menus peut importe la taille du navigateur ?

Voici un exemple de page :
http://www.seneffe-expo.be/fr/exposant/membre_0034.html
Merci pour votre aide.
Modifié par Richard (18 Jun 2006 - 21:17)
Bonsoir,

Je t'invite avant tout à lire les règles notamment la 13 et la 5ème, et d'éditer ainsi ton message pour remettre en forme ton code comme souhaité. Utilise la balise de mise en forme "code" sous la fenètre ou tu tape tes messages. Ca sera plus facile pour nous de lire ce code, et ainsi de te répondre?
Par ailleurs, une page en ligne aide parfois bien plus qu'un simple code.
Re-Bonjour,

Une nuit sans sommeil pour ce problème de IE.

Le problème me parait pourtant simple et il me semble avoir lu quelque part sur ce forum comment le résoudre mais .... impossible de retrouver.

Je résume le cas :
3 blocs

1 bloc #droite
float: left --> width 20%

1 bloc #gauche
float: right --> width 20%

et au milieu
1 bloc #contenu qui doit occuper l'espace laissé libre par les deux autres blocs
float : left --> width : 55%

Sous IE, l'image dans le bloc #contenu apparait correctement mais dès que la fenêtre du navigateur devient trop petite, ce bloc file en dessous des deux autres.
La solution ne serait-elle pas de définir mes blocs en px ?
Merci
Sujet clos
Aller à