Discussion :

[blastmanu]

Bonjour tout le monde

Mon problème et que le menu de gauche vient piétiner sur le footer (uniquement avec FireFox), et je ne sais vraiment pas comment résoudre ce problème

Le site: http://blastmanu.no-ip.com
(le site est hebergé sur mon pc, donc pas toujours en ligne)

mon 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
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;    
}
 
 
.header
{
background-image: url("kit/header.jpg");
background-repeat:no-repeat;
margin-bottom:10px;
width:758px;
height:90px;
}
 
.menu
{
float:left;
width:120px;
border: 1px solid black;
}
 
.sous_menu
{
background-color: white;   
border: 1px solid black;   
margin-bottom: 20px;
}
 
.corps
{
margin-left: 140px; 
padding: 5px;   
color: black;
background-color: white;  
border: 1px solid black; 
}
 
.global
{
width:758px;
border: 1px solid black;
margin-bottom:20px;
}
 
#footer
{
padding: 5px;
text-align: center;
color: black;
background-color: white;
border: 1px solid black;
}

[gob3d]

Salut,

A premiere vue je te dirais qu'il faut mettre tes 4 "menus" dans un <div> et aussi que le div global (qui integre le tout doit avoir une hauteur auto)

A+
Gob

Edit : apparement tt les menus (sous_menu) sont dans un div global (menu).
Essai donc de mettre des hauteurs en %age ou auto.

par exemple mets l aclasse menu a height: 100%

[blastmanu]

Je viens d'éssayé et toujours rien, je ne vois vraiment pas ce qu'il cloche.

[mathieu]

il faut que tu mettes le code suivant avnat la balise de fermeture de ton "div class=global"

Code :

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

<div style="clear : both;"></div>

[blastmanu]

Ca marche !!

merci à vous deux !

[Huntress]

un piti "résolu" pour la route :

en bas à gauche de cette page