28220 sujets

CSS et mise en forme, CSS3

[Résolu] Probleme de Float:left & IE

Salutation le monde

Petit problème sous IE, que je parvient pas à supprimer.

http://www.waebic.ch/clients/lesmoines

Sous FF pas de problème tout est correct.
Sous IE6 par contre catastrophe (comme d'ab)

Le menu de gauche disparait (on le voit à l'affichage lors d'un rafraichissement)
L'image de fond du div contenu se décale sur la droite de la largeur du menu.

enfin .. pas beau ...


merci
Modifié par Lorr Hyde (19 Apr 2006 - 08:48)
Mais, pourquoi ce menu en float alors que tu n'en utilises pas ailleurs ?
Oui je sais, ca t'aide pas. ^^

Sinon, ton menu ne disparait pas, il est caché par l'image.
Tu as donc un seul problème à resoudre. Ce "float" qui se décale.
Ton image est-elle en .gif ? Sinon, as-tu essayé de la décaler un peu plus vers le bas pour voir ce que ça donne ?
j'ai carement virer l'image en background, mais même effet.

ca doit venir du menu en float, mais tonnerre, il n'y a rien de spécial dans ce float ...
		<div id="contenu">
			<div id="menu">
				<cfinclude template="menu.cfm" />
			</div>
			<div id="corp">
				bla bla bla <br />
				bla bla bla <br />
				bla bla bla <br />
				bla bla bla <br />
			</div>
		</div>


#contenu
	{
/*	background-image:url("../../image/site/milieugauche.jpg");*/
/*	background-repeat:repeat-y;*/
	}
#menu
	{
/*	background-image:url("../../image/site/milieugauche.jpg");*/
/*	background-repeat:repeat-y;*/
	float:left;
	width:161px;
	padding-left:10px;
	text-align:left;
	border:1px #000000 solid;
	}
#corp
	{
	margin-left:200px;
	margin-right:10px;
	border:0;
	border:1px #000000 solid;
	}


vraiment du basic ..
Modifié par Lorr Hyde (18 Apr 2006 - 16:19)
Bon j'ai trouvé, et cela me semble incroyable mais bon ..

Il semblerait que problème viennent du DIV global (celui qui vait le cadre noir au bord).
Le border de 1px bouffe le float.

j'ai donc simplement ajouter un margin:1px; et c'est bon ..

merci à ceux qui on essayé
Sujet clos
Aller à