Intégration footer

loufpad · 4 Février 2006

Re :lol:

Je construis mes pages en CSS.
Et j'ai un ch'tit problème
Sur ma page, j'ai un tableau et des DIV (se rapportant à mon CSS externe)
A la fin de mon doc, je place mon footer :
<?php include ("footer.php");
?>
Et là, le footer se place bien à la fin de mon tableau mais il ne prend pas en compte mes div (absolute ou relative).
Résultat, si mes div sont plus basses que mon tableau, le footer se place au dessus d'elles.
J'ai galéré toute la journée sans y arriver...

MErci pour votre aide :wink:

dorian53 · 4 Février 2006

Salut,

Impossible de répondre sans voir la moindre page ni code.

loufpad · 4 Février 2006

Alors, allons y :wink:
En fait, je remarque que mon footer vient se coller à mon header :?

ma page :

...
</head>
<?php include ("header.php");
?>
<body>
<div class="boiteinfo">
</div>
</body>
<?php include ("footer.php");
?>
</html>

CSS correspondant :

.boiteinfo
{
position:absolute;
left:140px;
top:110px;
width:900px;
height:200px;
background-color:yellow;

mon header :
<body leftmargin="0" topmargin="0">
<div class="header">
<div class="boite1"></div>
</div>
CSS correspondant :

.header
{
position:relative;
left:0px;
top:0px;
width:1000px;
height:150px;
}

.boite1
{
background-image: url("./images/montitre.gif") ;
position:absolute;
left:0px;
top:0px;
width:491px;
height:80px;
}

Mon footer

<div class="footer">FOOTER Test</div>

CSS correspondant :

.footer
{
position:relative;
left:0px;
top:10px;
height:30px;
background-color:#000099;
font-family:verdana, sans-serif;
font-size:60%;
color:white;
text-align:center;
}

Voilà...
Merci pour votre aide :wink:

petit-ourson · 4 Février 2006

pourquoi il est en dessous du </body> le footer ??

loufpad · 4 Février 2006

Je reprends ma question car j'ai avancé de mon côté...

Mon vrai problème maintenant, c'est que mes div ne se positionnent pas les unes à côté des autres, mais les unes sous les autres. :?
Exemple :

<body>
<div class="contenant">
<div class="boiteinfo">...</div>
<div class="boiteinfo2"></div>
</div>
<?php include ("footer.php");
?>
</body>

Mes CSS :
.boiteinfo
{
position:relative;
left:140px;
top:10px;
width:150px;
background-color:yellow;
}
.boiteinfo2
{
position:relative;
left:400px;
top:10px;
width:150px;
background-color:green;
}

J'aimerais que mes 2 boites soient l'une à côté de l'autre, mais elles sont l'une en dessous de l'autre.

Visionnable ici : ht*p://www.avenue-des-assures.com/test2.htm

Merci beaucoup pour votre aide :wink:

Et en plus ma boite verte (boiteinfo2) n'apparait pas osus FF :cry:

Yvel · 5 Février 2006

float left va voir de ce coté

dorian53 · 5 Février 2006

Ne panique pas dans tous les topics, c'est un faisant ses propres tests que l'on se forme.

http://www.thenoodleincident.com/tutori ... boxes.html

loufpad · 5 Février 2006

Je ne panique pas

(trop...)
Ce sont les problèmes que j erencontre en ce moment.
Et mes propres tests ne se montrent pas concluants. C'est pour ça que je cherche de l'aide :wink:

Merci pour ton lien

loufpad · 5 Février 2006

Arf ! 4h du mat et je ne trouve tjrs pas de solution.
Je vous donne le lien de test : ht*p://www.avenue-des-assures.com/testcss.htm
Mon problème : le footer ne se colle pas au bas de ma pub mais au bloc de texte central...
J'en peux plus :lol:

Mon css (la bannière puc : leftpub):

.left {
position: absolute;
top: 100px;
left: 0px;
margin: 0px;
padding: 0px;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body #left {
width: 120px; /* ie5win fudge ends */
}
.leftpub {
position: absolute;
top: 500px;
width: 120px;
padding: 0px;
border: 1px solid red;
background: #666;
}

.middle {
margin: 0px 160px 20px 160px;
padding: 10px;
border: 1px solid red;
background: #666;
}
.right {
position: absolute;
top: 100px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
margin: 0px;
padding: 10px;
border: 1px solid red;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body right {
width: 120px; /* ie5win fudge ends */
}
.footer
{
position:relative;
left:0px;
top:0px;
height:30px;
background-color:#000099;
font-family:verdana, sans-serif;
font-size:80%;
color:white;
text-align:center;
}

Merci pour votre aide :wink:

bob154 · 5 Février 2006

<div class="middle">

Faut fermer ce div avant le footer.... manque un </div> quoi.

Sinon tu te prendrais moins la tête en mettant les div flottant plutôt que des absolute. Comme ça tu empiles les blocks tranquillement avec des float:left;

loufpad · 5 Février 2006

Merci Bob, mais après vérification ma balise div est bien fermée il me semble...

walking7 · 12 Octobre 2010

attention déterrage de topic lol

Alors je rencontre le meme probleme !

mais encore plus bizarre à savoir.. quand je rentre le code include php pour le footer dans dreamwaver ca me fout le gros bazar, tout est décalé.. alors que ma page apparait nickel sur le web !!

Comment c'est possible ca ?!

en bas de la page dreamwaver, j'ai la balise </head> qui apparait en jaune signe qu'il y a un probleme à ce niveau mais je ne vois pas quoi :/

walking7 · 12 Octobre 2010

personne aurait une idée ?