Css : Petits soucis...

[Audiofeeline]

Salut à tous!
J'ai défini une feuille de style comme ceci :

Code: Tout sélectionner

#page {width:800px;}

#haut {height:120px;width:800px;}

#navigation {width:800px;}

#bloc_gauche {float:left;width:250px;}

#bloc_droite {float:right;width:650px;}

#bas {height:120px;width:800px;}

Mais voilà, #bas s'affiche en dessous de #bloc_droite...
Comment faire pour le placer définitivement en dessous de #bloc_gauche et #bloc_droite?
merci!

[Szarah]

Et si tu plaçais un <div style="clear:both;"></div> juste avant ton bloc #bas ?

[Audiofeeline]

En effet!
Ca fait quoi exactement ce truc?

[passion]

Salut,

Je ne sais pas comment est articulé tes id mais si j'en comprends tes #, tu détermines ton encadrement extérieur à 800px alors que ton #bloc_gauche + #bloc_droit fait 900px --> 250 + 650 = 900 !!!
Y'a un problème déjà , non??

[Audiofeeline]

Oui, c'est le genre de truc que tu cherches pendant des heures! ^^
Merci...

[passion]

Pas de soucis.....et pour aller plus loin dans le résonnement, puisque tu donnes une valeur par defaut de 800 px extérieur et que tu inclus deux <div> alignées.... la première déterminée en float left de 250px et hé bien, la valeur de l'autre #block_droit devient inutile puisque cela donnera: 800 - 250 = 550px (automatiquement puisque cela reste un block!!

Pour améliorer le tout, tu lui donnes à ton #bloc_gauche un margin-right....et le tour est joué

[Audiofeeline]

Je préfère définir toutes les tailles par peur d'incompatibilité avec certains navigateurs...
Mais tu as raison...

[narayana]

En effet!
Ca fait quoi exactement ce truc?

clear;both permet de positioner tous les éléments suivant cette instruction dans le flux normal de la page html.
Ainsi il se place généralement derrier un div positionné en float.
float:left; => clear:left;
float:right => clear:right;
tout effacer clear:both

[christophebe]

Je préfère définir toutes les tailles par peur d'incompatibilité avec certains navigateurs...
Mais tu as raison...

C'est souvent lorsqu'on veut tout cadrer et bloquer que l'on arrive à des erreurs d'affichages.

[Audiofeeline]

Vraiment? Je pensais de cette façon tout maîtriser...
Tu pense que celà peut être négatif?

[christophebe]

Je pense qu'il vaut mieux fixer ce qui doit l'être et laisser le reste libre, enfin c'est mon avis.

[Audiofeeline]

Bon j'ai un petit problème encore...
Par là : -http://www.nextref.com/
Le bloc "Espace Membre" est en bas a droite, comment faire pour qu'il soit en haut à droite?
Sa largeur est bonne, il a le float:right; , je pige pas...

[Audiofeeline]

Personne?...

[ACth]

Pllus clairement pour le both :

both : ici la boîte générée va se déplacer sous chacune des boîtes flottantes qui précèdent dans le code source.

C'est souvent lorsqu'on veut tout cadrer et bloquer que l'on arrive à des erreurs d'affichages.

^^ je ne pense pas non.

Avec l'autre méthode il y aura plus de problème entre différents navigateurs.


@Audiofeeline la structure est sans doute mauvaise, j'ai pas regardé le source mais met le code de ton espace membre avant le contenu.

[Audiofeeline]

Il faut que je fasse comme ça alors : GAUCHE - DROITE - CONTENU ?
Edit : Y'a du mieux mais maintenant c'est le footer qui est décalé...
Mouarff...