Positionnement d'un div
Bonjour,
J'ai fait une structure de page avec l''ensemble de la page avec :
#container{width:1000px; margin:auto;}
#topbar{width:auto; display:block; height:180px;}
#navbar{width:auto; display:block; height:24px;}
#main{width:1000px; display:block;}
#column_left{width:600px; margin-right:10px; float:left;}
#column_right{width:390px; float:left;}
div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; height:24px;}
Mais comme vous pouvez le voir sur mon site : http://www.moment-delirant.fr/
J'aimerais que le bloc me retrouver sois plus a droite
Pourtant le bloc de gauche et de droite et le margin left font bien au total 1000 px
Alors que la topbar est plus grande ??
Merci de bien vouloir m'éclairer...
J'ai fait une structure de page avec l''ensemble de la page avec :
#container{width:1000px; margin:auto;}
#topbar{width:auto; display:block; height:180px;}
#navbar{width:auto; display:block; height:24px;}
#main{width:1000px; display:block;}
#column_left{width:600px; margin-right:10px; float:left;}
#column_right{width:390px; float:left;}
div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; height:24px;}
Mais comme vous pouvez le voir sur mon site : http://www.moment-delirant.fr/
J'aimerais que le bloc me retrouver sois plus a droite
Pourtant le bloc de gauche et de droite et le margin left font bien au total 1000 px
Alors que la topbar est plus grande ??
Merci de bien vouloir m'éclairer...
5 réponses
-
up svp
-
Réduit la largeur (width) dans cette portion du code CSS:
#column_right{width:390px; float:left;}
Supprime également les nombreux <br/> que tu as dans ton code.
Je vois des trucs comme ça dans ton code:<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
-
Voila c'est fait mais la colonne de droite n'est toujours pas au dessous du "Balance ta blague" de droite ...
-
Ben agrandi également column_left.
-
-
-
-
Ah ok je vois, j'ai eu le même souci avec le site que je viens de faire.
Pour être franc avec toi, j'ai "bricolé" le code CSS et aussi en ajoutant quelque balise de design sur le code html. essaye de faire pareil.
perso pour ma part c'étais aligné 1 menu à gauche 1 bloc (corps de texteà au centre et 1 autre menu à Droite (les menue comportais 3 bloc chacun). -
Ce que tu rajoute sur une colonne, enlève le sur l'autre.
Tu dois bien calculer tes largeurs.
Si ta page fait 800px de large et que ta colonne de gauche en fait 600, il ne reste que 200px.
A toi de jouer avec les largeurs.
ajoute temporairement un arrière plan de couleur à ce colonne pour bien les visualiser.
Exemple: sur celle de droite met un background avec la couleur #f00. Tu visualisera mieux sont encombrement. Tu l'enlèvera après.
Avec Firefox, il y a l'extension Firebug qui est vraiment bien pour ça.
-
-
Up svp
