Titre: Footer qui s'adapte a la hauteur de la frame
Posté par: Siegfried le le 31-08-2004 a 16:30:05
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 |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|