Positionnement d'un div
jordxn
Messages postés
356
Date d'inscription
Statut
Membre
Dernière intervention
-
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
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...
A voir également:
- Positionnement d'un div
- Logiciel positionnement gratuit - Guide
- Div c++ - Télécharger - Langages
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? - Forum Word
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
- Remplacer #div/0 par vide - Forum Excel
5 réponses
Réduit la largeur (width) dans cette portion du code CSS:
Supprime également les nombreux <br/> que tu as dans ton code.
Je vois des trucs comme ça dans ton code:
#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).
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
