28172 sujets

CSS et mise en forme, CSS3

Width en pixel + pourcentage ...:)

Bonjour à tous,
j'ai quelques soucis de compréhension sur une oraganisation de page en css, et j'ai beau chercher je n'arrive pas à trouver ma réponse ... Smiley decu

voilà mon script css

* { margin:0; padding:0;height:100%}
body { 
margin:0; 
padding:0; 
height:100%; 
width:100%; 
} 
#main	{ float:left; width:100%;height:100%;}
#left	{ float:left; width:363px; height:100%;background-color:#82CDE2}
#right	{ width:100%;height:100%;background-color:#000000}

//*** IMAGE DE GAUCHE
#left	{ background-image:url(../img/gauche.jpg); background-repeat:no-repeat; background-position:top;}


et le code HTML entre la balise body

<body>
<div id="main">
	<div id="left"></div>
	<div id="right"></div>
</div>
</body>


Ce que je veux tout simplement, c'est juxtaposer sur ma page le #left qui fait 363 px et le #right qui doit faire 100% du reste de ma page ..

Seulement quand je l'éxecute, le #right fait 100% de l'ensemble de la page , donc se retrouve en bas de mon image et non à côté ...

merci par avance pour votre aide
J'ai réussi finalement Smiley smile
tout simplement en définissant un margin-left de la largeur de mon image

#right	{ margin-left:364px;widht:100%;height:100%;background-color:#000000}
Sujet clos
Aller à