Footer qui s'adapte a la hauteur de la frame

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Footer qui s'adapte a la hauteur de la frame

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Footer qui s'adapte a la hauteur de la frame (Lu 788 fois)

Footer qui s'adapte a la hauteur de la frame
« sur: le 31-08-2004 a 16:30:05 »

Siegfried
Habitué

Hors-Ligne

Sexe: Male

Messages: 338

Bonjour,
Par pitié HELP,
J'essaye de placer mon footer sur ma page d'accueil comme sur le forum et la galerie ( cad qu'il s'adapte a la hauteur de la DIV frame).... j'y arrive pas et je ne trouve pas.

Voici mon code html + ma feuille de style

Feuille de style:

Code:
/*Index********************************************************************/

body {
   margin: 0;
   padding:0;
   font-family: arial;
   scrollbar-track-color: #F9ebc8 ;
   scrollbar-shadow-color: #FFffff ;
   scrollbar-highlight-color: #FFffff;
   scrollbar-face-color: #F9C36D ;
   scrollbar-darkshadow-color: #FFffff ;
   scrollbar-base-color: #FFffff ;
   scrollbar-arrow-color: #FFffff ;
   scrollbar-3dlight-color: #F9ebc8 ;
}

.conteneur {
   position:absolute;
   left: 50%;
   top: 0;
   width: 782px;
   height: 623px;
   top: 10px;
   margin-left: -390px;

}

/********************************************************************************************/
/*******************HEADER*******************************************************************/
/********************************************************************************************/

.header {
   float: left;
   position: absolute;
   left:1px;
   width: 780px;
   height: 82px;
   top: 1px;
   background-color: #D1D3E8;
   }
   .headerg {
   width:302px;
   height:82px;
   border:0px;
   }
   .headerhaut {
   position:absolute;
   width:478px;
   height:11px;
   border:0px;
   left: 302px;
   top: 0px;
   }
   .banniere {
   position:absolute;
   width:468px;
   height:60px;
   border:0px;
   left: 302px;
   top: 11px;
   }
   .headerd {
   position:absolute;
   width:10px;
   height:60px;
   border:0px;
   left: 770px;
   top: 11px;
   }
   .headerbas {
   position:absolute;
   width:478px;
   height:11px;
   border:0px;
   left: 302px;
   top: 70px;
}

/********************************************************************************************/
/*******************FRAME*******************************************************************/
/********************************************************************************************/

.frame {
   position: absolute;
   left: 1px;
   top: 102px;
   width: 780px;
   height: 501px;
   overflow: auto;
   padding: 0px;
   background-color: #F9EBC8;
}

.menuhead {
   position:absolute;
   left:1px;
   top:82px;
   width:780px;
   height:20px;
   background-color: #F9C36D;

}

.footer {
   position:absolute;
   left:1px;
   top:604px;
   width:780px;
   height:16px;
   background-color: #F9C36D;
}

Et ma partie Html:
Code:

<head>

<title>.: Webnature :: Photos de la nature :: webcam en direct du havre :: météo :: Bienvenue et bonne visite :.</title>
<meta http-equiv="PICS-Label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline FR v2.0" l gen true for "http://www.webnature.net" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.webnature.net" r (n 0 s 0 v 0 l 0))' />
<link href="webnature.css" rel="stylesheet" type="text/css" />

</head>

<body bgcolor="#EDE4D2">

<div class="conteneur" >

<div class="header" >
<a href="http://www.webnature.net"><img src="other/banniere/banniere2_01.gif" alt="Webnature, nature, webcam et météo..." width="302" height="82" class="headerg" /></a>
<img src="other/banniere/banniere2_02.gif" alt="" width="478" height="11" class="headerhaut" />
<img src="other/banniere/banniere2_04.gif" alt="" width="10" height="60" class="headerd" />
<img src="other/banniere/banniere2_05.gif" alt="" width="478" height="11" class="headerbas" />
<div class="banniere"><?
// Code phpmypub
$IdCat=2;
include ("banniere/banniere.php");
// Fin Code phpmypub
?></div>
</div>

<div class="menuhead" style="text-align:center">
<a class="accueil" href="index.php?page=accueil">Accueil</a>
<a class="galeries" href="coppermine/">Galeries</a>
<a class="webcam" href="index.php?page=webcam">Webcam</a>
<a class="meteo" href="index.php?page=news">Articles</a>
<a class="infos" href="download/">Téléchargements</a>
<a class="liens" href="liens">Liens</a>
<a class="forum" href="yabbse">forum</a>
<a class="livreor" href="livredor/">Livre d'or</a>
<a class="contact" href="index.php?page=contact">Contact</a>
</div>

<div class="frame">
<?
$page = $_GET[page];
$rubrik = $_GET[rubrik];

if ($page=='accueil') {include('accueil.php');
}
elseif ($page=='webcam') {include('webcam.php');
}
elseif ($page=='news') {include('news.php');
}
elseif ($page=='webcambis') {include('webcambis.php');
}
elseif ($page=='presentation') {include('presentation.php');
}
elseif ($page=='meteo') {include('meteo/meteo.php');
}
elseif ($page=='infoslegales') {include('infoslegales.php');
}
elseif ($page=='contact') {include('contact/Contact.htm');
}
elseif ($page=='webmaster') {include('webmaster.php');
}
elseif ($page=='gopost') {include('contact/formmail.php');
}
elseif ($page=='metar') {include('meteo/metarbuoy/metarbuoy.php');
}
elseif ($page=='erreur') {include('erreur.php');
}
else {include('accueil.php');
}
?>
</div>
<div class="footer">
<div class="petitTextevert" align="center">Visiteurs aujourd'hui:

 <a class="petitTextevert" href="?page=infoslegales">  .: Informations légales :. </a><a class="petitTextevert" href="?page=contact">.: Contact :.</a><a class="petitTextevert" href="?page=presentation"> .: Présentation :. </a><a class="petitTextevert" href="?page=webmaster">.: Webmaster :. </a>
</div>
</div>
</div>
</body>
</html>

Merci de votre aide

Rapporter au modérateur

"Un jour nos petits-enfants nous demanderont : où étiez-vous pendant l’Holocauste des animaux ? Qu’avez-vous fait contre ces horribles crimes ? Nous ne serons pas capables de donner la même excuse une seconde fois, que nous ne savions pas."