[CSS]Alignement et div
Résolu
ImANewb
-
ImANewb -
ImANewb -
Bonjour,
j'ai le soucis qui doit être le plus commun en CSS:
Je voudrais que mon menu et mon corps de texte soient cote à cote.
Pour faire ça je connais 2 moyens :
- Faire un float left dans le css du menu et du corps.
- Faire un position absolute et préciser les marges.
Le problème est que j'aimerais que mon menu et mon corps aient la même taille, donc je voudrais leur mettre une height:100% et mettre un autre div englobant qui prenne la taille de la page.
Voilà ce qui se passe quand je ne mets pas de float left (d'ailleurs, je n'arrive pas à ce que ca prenne toute la page :
http://remi.leude.free.fr/csstest/index.html
Et quand je met les float left:
http://remi.leude.free.fr/csstest/index2.html
Voilà,
Quelqu'un a-t-il une solution?
Merci d'avance
j'ai le soucis qui doit être le plus commun en CSS:
Je voudrais que mon menu et mon corps de texte soient cote à cote.
Pour faire ça je connais 2 moyens :
- Faire un float left dans le css du menu et du corps.
- Faire un position absolute et préciser les marges.
Le problème est que j'aimerais que mon menu et mon corps aient la même taille, donc je voudrais leur mettre une height:100% et mettre un autre div englobant qui prenne la taille de la page.
Voilà ce qui se passe quand je ne mets pas de float left (d'ailleurs, je n'arrive pas à ce que ca prenne toute la page :
http://remi.leude.free.fr/csstest/index.html
Et quand je met les float left:
http://remi.leude.free.fr/csstest/index2.html
Voilà,
Quelqu'un a-t-il une solution?
Merci d'avance
Configuration: Windows XP Firefox 3.0.10
2 réponses
-
Bonjour,
Pour que le bloc vert englobe les deux autres essai d'ajouter overflow: hidden; à ce bloc vert.
-
Regarde ça sa marche :
CSS
#bloc_qui_regroupe_tout {
width: 600px;
height: 500px;
}
#bloc_qui_se_met_vers_la_gauche {
height: 200px;
width: 250px;
float: left;
background-color: #33CC00;
border: 2px solid #0000FF;
}
HTML
<div id="bloc_qui_regroupe_tout">
<div id="bloc_qui_se_met_vers_la_gauche">
</div>
<div id="bloc_qui_se_met_vers_la_gauche">
</div>
<div id="bloc_qui_se_met_vers_la_gauche">
</div>
<div id="bloc_qui_se_met_vers_la_gauche">
</div>
</div>
c'est un peu ce que tu veux non ?
Essai de changer les valeurs tu vas voir :) les blocs s'alignent sur la gauche dans la mesure du possible.
