28221 sujets

CSS et mise en forme, CSS3

Problème positionnement d'un <div>

Allo, j'ai un problème qui, pour l'instant, se passe juste sous i-e, avec firefox tout semble correct.

J'ai un <div> à gauche qui me sert de menu, et j'ai un autre bloc(corps) qui devrait se coller directment à droite. Malheureusement mon bloc corps se retrouve sous le menu.
www.sedam.info/test/css/premier_test.css


  <div id="menu">
   </div>		
		<!--Corp de la page-->
		<div id="corps">
			
		</div>




#menu
{
	height: 593px;
	width: 170px;
	float: left;
	background-image: url("image/menu.png");
	margin-top: 0px;    /* 0 pixels*/
}
#corps
{
	margin-left: 170px;
	margin-top: 30px;
	height: 593px;
	width: 590px;
	background-image: url("image/body.png");
	background-repeat: no-repeat;
	padding: 0px;
}


Voila je sais plus trop quoi faire, je suis en trani de viré fou Smiley biggol
Merci
Sedam
si tu veut que ton conteneur soit a droite de ta page tu peut faire
#corps
{
	float:right;
	margin-top: 30px;
	height: 593px;
	width: 590px;
	background-image: url("image/body.png");
	background-repeat: no-repeat;
	padding: 0px;
}

ton lien ne fonctionne pas
ton lien
Moi je tenterais plutôt un float left pour le bloc corps aussi Smiley cligne
Attention : tes 2 blocs sont dans ta balise body qui est de taille 760px sur ta feuille de style. Si la somme des 2 blocs + leurs marges dépasse les 760, alors il est normal que ton bloc corps passe en dessous parce qu'il n'a pas la place de se mettre à côté du menu.
Vérifie ça (au besoin teste avec un bloc largement plus petit pour voir...)
Modifié le 30 Jan 2005 - 00:54
Merci a toi, mais ça ne r`gle pas le problème j'ai essayer de metre on body a 780 pixel pour tester et ça ne change rien.

Pour le float left, çafait la même chose que float right.

En passant j,ai fait valider mon code css et il ne semble pas avoir d'erreur pour ceux qui pourrait se posé la question
Sujet clos
Aller à