Suivez les fils RSS
 
Auteur
quent.
# 22 Mar 2010 - 00:24:43
Citer
12 Posts
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 eek

msn 
^
quent.
# 22 Mar 2010 - 00:27:23
Citer
12 Posts
previews/7014-photo2.jpg

pour le plaisir des yeux...

merci d'avance

msn 
^
fvsch
# 22 Mar 2010 - 01:30:41
Citer
Administrateur
19942 Posts
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. smile
Modifié par Florent V. (22 Mar 2010 - 01:31)

http://fvsch.com 
^
quent.
# 22 Mar 2010 - 03:42:19
Citer
12 Posts
effectivement... j'y suis allé à taton ... c'est pas la bonne méthode je le concede.

merci pour la reponse le tuto est bien

+

msn 
^