3 <div> côte à côte en CSS

Marsh Posté le 13-06-2010 à 23:18:25

Bonsoir à tous !

Alors voila mon problème : je fais un site, et j'ai 3 div tels que :

Code :

<div id="global">
<div id="menu">
</div>
<div id="contenu">
</div>
<div id="image">
</div>
</div>

J'ai donc mon div conteneur (le global), et 3 divs dans celui-ci : Mon menu, mon "contenu" (texte par exemple), et une image.
J'aimerais avoir mon menu à gauche du contenu, peu importe où mais à gauche.
Ensuite, mon div "contenu" doit faire 800pixels de large et doit être centré !
Enfin, l'image devrait idéalement être placée en bas à droite du div contenu, collé à celui-ci.

Voici pour l'instant mon CSS :

Code :

#contenu
{
width: 800px;
margin: auto; //Pour qu'il soit centré
background-image: url("mon_image.png" );
}
#menu
{
position: absolute;
width: 8%;
margin-top: 2%;
margin-left: 1%;
}
#image
{
...
}

Voila où je suis bloqué, en fait je crois que j'ai du mal à comprendre comment je peux à la fois centrer mon div contenu (à taille fixe) et à la fois adapter les autres div en fonction du div contenu !
Merci d'avance :hello:

Marsh Posté le 13-06-2010 à 23:18:25

Marsh Posté le 14-06-2010 à 11:59:09

Utilises float:left / right.

Message cité 1 fois

Marsh Posté le 14-06-2010 à 12:03:19

eric2010 a écrit :

Utilises float:left / right.

Déjà essayé, mais sans grand succès...
Lequel doit être float, le(s)quel(s) pas ?
Ou alors tous en float ?

Marsh Posté le 14-06-2010 à 16:03:00

examples : http://www.html.net/tutorials/css/lesson13.asp ou ...
Y en a beaucoup, jamais "pile poil". Le mieux, c'est d'abord de
consulter http://www.w3.org/TR/CSS2/visuren.html
Désolé, je rame aussi en CSS et mixer les largeurs en px et %
avec un élément centre de taille fixe, j'ai pas essayé ...
Bon courage.

Bon courage.

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *