CSS entre menu et pied de page [Résolu]

[yanniks]

Bonjour à tous,

Sachez que je débute et que je fais de mon mieux pour essayer tout seul c'est aussi je pense le meilleur moyen d'apprendre.

A la base je m'étais créer un site internet en html avec menu classique.

Très vite le besoin de faire un menu dynamique s'est fait ressentir. après quelque recherche dont grâce à ce forum que je remercie j'ai réussi à intégrer un menu dynamique

Actuellement j'ai 2 fichier css :

- un pour le menu vertical (menu de gauche)
- un autre pour le reste du site car je n'ai pas réussi à intégrer le nouveau fichier css (fournis avec le menu dynamique) avec l'ancien

Bref ...

Mon problème est que depuis ça mon pied de page qui fait l'objet d'un fichier php est coupé par mon nouveau menu

http://s3.noelshack.com/upload/13684...image_aide.png

Cela vient-il du fait qu'il y ai 2 fichier css ?

Avez-vous une solution ?

Voici le Css de mon menu vertical :

Code :

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
*{ 
 margin:15; 
 padding:20; 
} 
#menu{ 
 width:200px; 
 margin:10; 
 font-size:14px; 
 position:absolute 
} 
.menu, .sousmenu{ 
 text-align:left; 
 
} 
.menu{ 
 height:18px; 
 width:200px; 
 padding:2px 0; 
 background:#9EA4A3; 
 color:#fff; 
 
} 
.sousmenu{ 
 height:18px; 
 width:200px; 
 padding:1px 0; 
 background:#9EA4A3; 
 color:#fff; 
} 
.menu a{ 
 display:block; 
 width:100%; 
 height:130%; 
 color:#21536A; 
 font-family:Verdana,sans-serif; 
 font-size:13px; 
 font-weight:bold; 
 text-decoration:none; 
 background:#EBEDEC; 
} 
.sousmenu a{ 
 display:block; 
 width:100%; 
 height:100%; 
 color:##F0FFF0; 
 font-family:arial,sans-serif; 
 font-size:13px; 
 font-weight:bold; 
 text-decoration:none; 
 background:#E6E6FA; 
} 
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{ 
 background:#ca0008; 
}

Et l'extrait de mon css pied de page :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/************** siteInfo styles ****************/ 
#siteInfo{ 
 clear: both; 
 border-top: 1px solid #cccccc; 
 font-size: small; 
 color: #cccccc; 
 padding: 10px 10px 10px 10px; 
 margin-top: 0px; 
} 
 
#siteInfo img{ 
 padding: 4px 4px 4px 0px; 
 vertical-align: middle; 
}

Merci de votre aide
@+
Ludovic

[Emyleen]

Ton menu vertical est en position absolute, il passera donc forcément au dessus de ton pied de page.

Essaye de le mettre en position relative et d'utiliser la propriété float peut être.

[yanniks]

Un grand merci à toi !