28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous.

J'ai un petit probleme en css.
Je voulais placer 2 bloc l'un a coté de l'autre je commence par utiliser un petit float right mais j'obtient comme a chaque fois avec les float un gros decallage entre ie et mozilla quand j'applique des margins pour repositionner le bloc au bon endroit.

J'essaye donc les absolute.
Je place en hauteur tout va bien.

Apres je place a gauche avec comme unité le pourcentage puisque le design est centré.
Je pensait qu'avec les pourcentages il n'y aurais pas de probleme avec la resolution mais si, les bloc se decalle et il ne se place plus au bon endroit.

Voila mes codes

#corps {
	position:absolute;
	left:33%;
	top:210px;
	width:540px;
	border:1px solid #ff0000;

}

#menu {  
	position:absolute;
	left:10%;
	top:210px;
	width:172px;
	border:1px solid #ff0000;
}

<div id="corps">
			dhgfsd<br />
			ghrjghfjgh<br />
			fgkdfjgkgjkdfh<br />
			fdjkshfjsdfh<br />
			fsdjfshs<br />
		</div>

		<div id="menu">
			dhgfsd<br />
			ghrjghfjgh<br />
			fgkdfjgkgjkdfh<br />
			fdjkshfjsdfh<br />
			fsdjfshs<br />
		</div>


Merci beaucoup pour votre futu aide Smiley smile
Modifié par Omsalam (30 Jun 2005 - 22:00)
Le positionnement absolu ne me parait pas approprié.

Redonne nous le code quand tu utilisais un float , histoire qu'on voit ça Smiley smile
Tu met le menu avant le corps dans le code html.

Ensuite tu float le menu à gauche et tu pousse le corps vers la droite avec une marge gauche
Ba en faite je place donc avec des float left et je decale le corps pour qu'il soit bien placé.
Jusque la pas de probleme.

Mais c'est quand j'essaye de decaller le menu pour lui aussi bien le placer que les decallage apparaissent entre firefox et ie.

A la limite je pourrai "tricher" en mettant dans mon div menu des margin a ma liste pour les menu.

Mais j'aurais preferé quand même que le block menu ne soit bien placé.
Merci beaucoup TriadPtale
C'est surement faisable, le déllage ne vient probablement pas de ça, mais de l'interaction avec le reste.

Si tu veux, donne nous le code du restant de la page...