Menu CSS - Pb Contenu

**LordBob** · 22/05/2006, 01h25

Bonsoir a tous,
voila je suis en train de développez un site en XHTML / CSS. Je viens de faire le menu en CSS (que j'ai pris sur un site). Mais je n'arrive pas à mettre le contenu du site à la gauche du menu, il me le met toujours en dessous. C'est pourquoi je demande votre aide.
Tout d'abord voici le contenu du CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/* style menu */
#menu
{
    width: 12em;
    background: #eee;
}
 
#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#menu a, #menu h2
{
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    margin: 0;
    padding: 2px 3px;
}
 
#menu h2
{
    color: #fff;
    background: #000;
    text-transform: uppercase;
}
 
#menu a
{
    color: #000;
    background: #efefef;
    text-decoration: none;
}
 
#menu a:hover
{
    color: #a00;
    background: #fff;
}
 
#menu li
{
    position: relative;
}
 
#menu ul ul ul
{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
}
 
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{
    display: none;
}
 
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
    display: block;
}

et le contenu d'une page de site:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    <body>
        <div id="conteneur">
            <!-- Menu de navigation -->
            <div id="menu">
                <!-- Acceuil du site -->
                <ul>
                    <li><h2><a href="" title="Retour à l'acceuil">Acceuil</a></h2></li>
                </ul>
            </div>
 
            <div id="contenu">
                Hello
            </div>
        </div>
    </body>

en fait j'essai d'inclure dans mon CSS une balise "contenu" qui me permettrait de mettre en ligne le contenu de mon site. Mais je n'y arrive pas, le contenue apparait toujours en bas du menu.
Pourriez-vous m'aider ?
Merci par avance.

**Swoög** · 22/05/2006, 02h35

Salut !

ajoute

Code :

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

float : left;

dans la règle sur #menu

**LordBob** · 22/05/2006, 10h08

Effectivement ca marche très bien je t'en remercie. en fait ma solution ne marchait pas tout simplement parce que j'essayais de le 'float' au niveau de la balise contenu dans le CSS.
voila.
merci a toi.

Menu CSS - Pb Contenu

CSS

Vue hybride

Discussions similaires

Partager

Partager