[CSS]Alignement et div

Résolu/Fermé
ImANewb - 9 mai 2009 à 19:47
 ImANewb - 10 mai 2009 à 11:15
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

Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
9 mai 2009 à 22:40
Bonjour,
Pour que le bloc vert englobe les deux autres essai d'ajouter overflow: hidden; à ce bloc vert.
0
euh, ca fait tout disparaitre :s.
0
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
9 mai 2009 à 23:44
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.
0
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.
0