DEUX DIVs DANS UNE DIV !!!

bon en gros j'ai deux div
une à gauche ".primary" et l'autre à droite ".secondary"
elles ont pour parent ".content" (et pas mal d'autre...)

en gros je veux que .primary face toute la largeur diponible et .secondary soit fixe
ça parait simple... je m'arrache les cheveux HELPPPP!

mon css :

.content{
        }
.primary{
	float:left;
	margin-right:350px;
	}
.secondary{
	float:right;
        whidth:350px;
	}

mais ça marche pas dutt

pour le plaisir des yeux...

merci d'avance

Bonjour,

Trois choses.

1. Pour commencer, il faut comprendre un peu comment fonctionnent les flottants. Relire l'article d'Openweb à ce sujet est un bon début. Voilà aussi une page d'exemples qui peut aider à comprendre comment ça marche.

En l'occurrence, tu places en premier dans le flux un élément flottants dont tu espères qu'il prendra toute la largeur disponible sauf une marge à droite. D'une, un élément flottant prend la largeur de son contenu (ou celle qu'on lui donne explicitement) et non pas celle de son conteneur. De deux, de toute manière la marge à droite repoussera ton deuxième bloc, donc ça ne va pas marcher des masses.

2. Un code CSS valide, c'est bien. Tu utilises une propriété whidth qui n'existe pas. Je suppose que tu voulais écrire width.

3. Ce que tu cherches à obtenir ressemble furieusement à ce gabarit.
Modifié par Florent V. (22 Mar 2010 - 01:31)

effectivement... j'y suis allé à taton ... c'est pas la bonne méthode je le concede.

merci pour la reponse le tuto est bien

+