div qui écrase le footer

**ric009** · 28/03/2013, 18h03

Bonjour à tous,
j'ai un problème un peu embêtant. En effet, une de met div contenant un tableau écrase mon footer.

Mon site est sous cette forme :

Code html :

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

1
2
3
4
<div>Haut de page</div>
<div>Menu</div>
<div>Contenu</div>
<div>Footer</div>

Le problème est donc dans la div contenu qui contient une autre div mais cette dernière écrase mon footer ... comment régler ce problème ?
je n'ai mis aucune position absolute ou relative

De plus mon body dispose d'un background qui s’arrête au niveau du footer et ne suis pas la div contenu...

Comment je pourrai régler ce problème ?

Merci par avance pour votre aide

**rodolphebrd** · 28/03/2013, 18h57

Envoyé par ric009

Comment je pourrai régler ce problème ?

en postant du code...

Edit: ...css

**ric009** · 28/03/2013, 19h37

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
 
<html>
<head>
<style>
#footer{
    bottom:0;
    width:80%;
    height:60px;
    background:#6cf;
	margin-left:10%;}
 
#contenu{
padding:10px;}
 
#contenu_general{min-height:100%;
    position:relative;
	background-color:red;}
 
</style>
</head>
 
<body>
<div id="contenu_general">
<div id="contenu">
- hautepage
-menu
-contenu
</div>
<div id="footer">
-footer
</div></div>
</body>
 
</html>

Donc voilà le code donc le problème est que mon footer ne s'actualise pas par rapport à mon contenu surtout que j'ai un background rouge pour la div contenu et le rouge ne suis pas le contenu du tableau ...
j'ai peut être fait une erreur dans mon code ? ou un oubli ?

Merci par avance !

**rodolphebrd** · 28/03/2013, 20h12

Je suis désolé mais j'ai du mal à comprendre votre problème.

Je reposte votre code en ayant au préalable arrangé votre DIV contenu pour que vous puissiez mieux exposez votre question.

Code html :

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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>3 colonnes fluides</title>
<style>
#footer {
        bottom: 0;
        width: 80%;
        height: 60px;
        background: #6cf;
        margin-left: 10%;
}
#contenu {
        margin-left: 10%;
        //padding: 10px;
        width:80%;
        height:200px;
        background-color: pink;
}
#contenu_general {
        min-height: 100%;
        //position: relative;
        background-color: red;
}
</style>
</head>
<body>
<div id="contenu_general">
  <div id="contenu"> - hautepage -menu -contenu </div>
  <div id="footer"> -footer </div>
</div>
</body>
</html>

**ric009** · 28/03/2013, 20h27

mon problème est que sur une page je dispose d'un tableau de données assez grand plus de 50lignes et à moins de diminuer le padding du tableau c'est le seul moyen de faire rentrer tout le tableau dans la div contenu et donc éviter que le tableau "écrase" le footer ...
De plus, quand je met un background à la div contenu la couleur ne s'applique qu'à la partie qui se trouve avant le footer et le reste du tableau sous le footer n'a pas de couleur ...

Est-ce que c'est plus explicite maintenant ?

**rodolphebrd** · 28/03/2013, 21h08

Bon je vais ré-essayer.
Vous avez un tableau <table> dans votre DIV contenu qui écrase votre footer. Il n'y a pas de raison à cela, le footer se placera à la suite de CONTENU.

Envoyé par ric009

et le reste du tableau sous le footer n'a pas de couleur ..

ce que je ne comprends pas non plus.. Comment une partie du tableau passerait au-delà du footer.

div qui écrase le footer

CSS

Vue hybride

Discussions similaires

Partager

Partager