intégration footer

le Sam Fév 04, 2006 21:07

Re

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... :oops:

MErci pour votre aide :wink:

le Sam Fév 04, 2006 21:58

Salut,

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

le Sam Fév 04, 2006 22:47

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:

le Sam Fév 04, 2006 22:51

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

le Sam Fév 04, 2006 23:14

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:

le Dim Fév 05, 2006 0:57

float left va voir de ce coté

le Dim Fév 05, 2006 2:08

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

le Dim Fév 05, 2006 2:28

Je ne panique pas :oops:

(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

le Dim Fév 05, 2006 3:58

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:

le Dim Fév 05, 2006 4:33

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

le Dim Fév 05, 2006 13:51

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

intégration footer

intégration footer

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne