div qui écrase le footer

Version imprimable

28/03/2013, 18h03
ric009

div qui écrase le footer
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:

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
28/03/2013, 18h57
rodolphebrd

Citation:

Envoyé par ric009

Comment je pourrai régler ce problème ?

en postant du code...;)

Edit: ...css

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 <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 !

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:

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>

28/03/2013, 20h27
ric009

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 ?
28/03/2013, 21h08
rodolphebrd

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.

Citation:

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.
28/03/2013, 21h20
ric009

le problème ne vient pas du tableau car même si j'utilise du texte il y a le même résultat voici un imp. écran :

http://img11.hostingpics.net/thumbs/...1Sanstitre.png

donc comme je disais la couleur rouge ne s'applique pas sous le footer dans la continuité de la div . ..
28/03/2013, 21h34
rodolphebrd

Votre div CONTENU se comporte comme si vous lui aviez fixé une hauteur.

Postez le code html (le vrai) pour que je voie. Et avez-vous posté l'intégralité du css?
28/03/2013, 21h35
ric009

mais comment poster le vrai html si le tableau dépends de nombreuse variable dans une base de donnée je ne peux pas transmettre le code html avec le texte en latin ?
28/03/2013, 21h39
rodolphebrd

En reprenant votre code et en simulant un tableau de 50 lignes je n'ai pas de problème. Il manque donc une variable!
28/03/2013, 21h40
ric009

et bien ta remarqué était la bonne car j'avais un max-height qui était dans mon code je ne sais pourquoi.. donc après l'avoir retirer le footer c'est ajusté ! merci encore
28/03/2013, 21h46
rodolphebrd

J'étais endurant ce soir, mais comprenez bien que votre question puisse rester sans réponses faute d'éléments.