Un pied de page qui se fait la malle

Bonjour,

décidément, le CSS et moi, on est pas potes.
J'ai cherché des topics traitant ce sujet et j'en ai trouvé surtout un mais la solution n'a pas été trouvée ...

Voilà mon site qui pose problème : http://au.repos.giboutien.free.fr

A première vue, vous allez me dire que tout va bien mais en fait non.
Ya pas de pied de page pour l'instant, c'est normal.
Sur la page d'accueil, celle avec les news, vous avez un lien "Changer le style du site"
C'est pour changer la feuille de style qu'on utilise.

Bref, vous cliquez dessus et vous choisissez le style "Noir" (Si vous ne cochez pas la case "Utiliser les cookies", le changement sera chargé dans une session ... normalement, je l'ai jamais testée en fait.) et là, vous devriez voir mon problème.

Alors, voilà mes codes:

la page d'index qui affiche le style:

a écrit :

<?php
<!--en tête-->
<div id="baniere">
</div>

<!--menus totals-->
<div id="menu">

<!--calendrier-->
<div class="calendrierfond">
<?php
require "calendrier.php";
?>
</div>

<!--navigation-->
<div class="navigationfond">
</div>

<!--menus-->
<div class="menusfond">
<?php
require"includes/menu.html";
?>
</div>

<!--tagboard-->
<div class="tagboardfond">
<iframe src="tagboard/mess.php" name="tag_frame" frameborder=0 width=363 height=200>
<noframes>Désolé, votre navigateur ne supporte pas les iframes</noframes>
</iframe><br />
<?php
require"tagboard/tag.php";
?>
</div>

</div>
<!--fin menus-->

<!--corps-->
<div id="corpsfond" align="center">
<?php
if(!file_exists($page))
{
$_SESSION['404'] = $page;
$page = "404.php";
}
require $page;
?>
</div>

<!--pied de page-->
<div id="footer">
</div>

Ensuite mon CSS:

a écrit :

body
{
margin:auto;
font-size:16px;
}

#baniere
{
margin:auto;
margin-top:10px;
width:900px;
height:180px;
background-image:url("../design/black/baniere.gif");
background-repeat:no-repeat;
}

#menu
{
margin-left:8px;
width:370px;
float:left;
}
.calendrierfond
{
background-image:url('../design/defaut/calendrier.gif');
background-repeat:no-repeat;
height:325px;
}

.navigationfond
{
background-image:url('../design/defaut/navigation.gif');
background-repeat:no-repeat;
height:50px;
}

.menusfond{}

.tagboardfond
{
text-align:center;
}

#corpsfond
{
margin-left:400px;
margin-top:2px;
height:100px;
width:560px;
}

#footer
{
margin:auto;
background-image:url('../design/black/pied.gif');
background-repeat:no-repeat;
height:100px;
width:900px;
}

Je me suis dis que c'est pitètre à cause des "require" mais pourtant, je n'ouvre pas de nouveaux "body" ni de nouveaux "div" qui ne se ferment pas...

Help, please sad.gif

Merci d'avance