[CSS]Alignement et div

Résolu/Fermé
Signaler
-
 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

2 réponses

Messages postés
107
Date d'inscription
vendredi 28 décembre 2007
Statut
Membre
Dernière intervention
9 septembre 2009
6
Bonjour,
Pour que le bloc vert englobe les deux autres essai d'ajouter overflow: hidden; à ce bloc vert.
euh, ca fait tout disparaitre :s.
Messages postés
107
Date d'inscription
vendredi 28 décembre 2007
Statut
Membre
Dernière intervention
9 septembre 2009
6
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.
Oui, je connais les propriétés du float:left.
Mais le problème c'est que "l'englobeur" ne se redimensionne pas en fonction du contenu.

Mais je vais essayer de me débrouiller,

merci pour ton aide.