positionnement

**Bibouda** · 08/01/2006, 15h26

Bonjour , dans le body de ma page html j'ai ceci :

<body>
<div id="cadre">
</div>
<div id="menu">
<ul>
<li><a href="toto.php"><b>toto</b></a>
</li>
</ul>
</body>

et dans le css j'ai ceci :

#cadre {
height: 55px;
width: 855px;
background: #fff;
border: solid 1px;
margin-left: auto;
margin-right: auto;
}

#menu {
background: #ffffff;
font-family: Arial;
height: 520px;
border: 1px solid black;
border-top-color: #fff;
width: 150px;
}

le div cadre est bien centré , le div menu se trouve en dessous du cadre mais n'est pas aligné verticalement bien sur la gauche avec le div cadre , comment faire ceci svp?
merci

**ghostdogpr** · 08/01/2006, 15h37

Je mettrais le menu dans un div "conteneur" possédant la meme largeur que "cadre" et les margin auto également.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#conteneur {
width: 855px;
margin-left: auto;
margin-right: auto;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div id="cadre">
</div>
<div id="conteneur">
  <div id="menu">
    <ul>
      <li><a href="toto.php"><b>toto</b></a>
      </li>
    </ul>
  </div>
</div>

**Bibouda** · 08/01/2006, 17h39

çà marche nikel , mais je souheterais également mettre un autre div juste à coté du menu , il me reste 705px , donc je voudrais mettre un div collé au div menu , par défaut il se place en dessous , ya moyen de le placer à coté du div menu?

PS : il sera bien évidmment contennu dans le div conteneur...

**ghostdogpr** · 08/01/2006, 17h43

avec un float:left; sur ton div ca marche, non ?

positionnement

HTML

Discussions similaires

Partager

Partager