Css : Petits soucis...

[Audiofeeline]

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

#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... :roll:

 

[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?... :cry:

 

[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... 8O

 

[ACth]

Le div <div id="page"> n'est pas fermé, probablement une erreur venant de la..

Tu as également une erreur tout en bas :

<a href="http://www.kwsphp.org/" target="_blank" id="kws"></strong>Portail PHP</strong></a><br />

 

[Audiofeeline]

Effectivement, tout ça m'a l'air bon...
Ca passe sous IE6? (J'ai la 7)

 

[ACth]

si gros soucis sous IE 6 .. le contenu ce balade en bas..

je pense qu'il faut réduire la taille du bloque au centre..
c'est là ou commence la galère ^^ (vérifier sur les principaux navigateurs)

bonne chance

 

[Audiofeeline]

Et là?...

 

[christophebe]

Sous IE 6 c'est bon !!

 

[Audiofeeline]

J'ai changé de template, c'est top ingérable avec ce CMS...
D'ailleurs, j'en cherche un autre...