Probleme de CSS

Résolu
kickers37000 Messages postés 221 Date d'inscription   Statut Membre Dernière intervention   -  
kickers37000 Messages postés 221 Date d'inscription   Statut Membre Dernière intervention   -
J'ai un petit probleme de CSS ...

J'ai une DIV content qui contient une DIV left et une DIV right...

Le probleme c'est que ma div left s'aggrandit... mais ma DIV content ne s'adapte pas a ma DIV left..

Un bout de code :

#templatemo_content {
	width: 895px;
	padding: 30px 40px 0px 25px;
	min-height: 700px;
	background: url(images/templatemo_content_bg.jpg) repeat-y;
}

#templatemo_content_left {
	float: left;
	width: 600px;
}

 #templatemo_content_right {
	float: right;	
	width: 280px;
}



4 réponses

notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Un petit peu de mal à comprendre...
Cela dit, mettre un double flottement n'est pas utile. Il vaudrait mieux mettre ça :

#templatemo_content {
	width: 895px;
	padding: 30px 40px 0px 25px;
	min-height: 700px;
	background: url(images/templatemo_content_bg.jpg) repeat-y;
}

#templatemo_content_left {
	float: left;
	width: 600px;
}

 #templatemo_content_right {
	margin-left:610px,
	width: 280px;
}



0
kickers37000 Messages postés 221 Date d'inscription   Statut Membre Dernière intervention   30
 
C'est presque ca ...

Seulement dans l'autre sens

C'est a dire que mon right soit en flottant et que mon left sois en margin :)
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Attention au code code html ! l'élement flottant doit toujours être placé dans le flux en premier. Est-ce le cas ?

Si oui, on change juste la CSS
Si non, il faut aussi changer le code html..
0
kickers37000 Messages postés 221 Date d'inscription   Statut Membre Dernière intervention   30
 
Ok, je test en changeant mon html :)
0
kickers37000 Messages postés 221 Date d'inscription   Statut Membre Dernière intervention   30
 
Ca a marcher en inversant les floats, et donc en inversant les DIV dans mon HTML :)

Merci a toi !
0