Code : Tout sélectionner
html body {
margin:0;
padding:0;
height:100%;
}
div#content {
height:auto;
display:block;
min-height:100%;
}
div#footer {
clear:both;
position:relative;
bottom:20px;
}
Code : Tout sélectionner
<html>
<body>
<div id='content'>
Le contenu de ma page
</div>
<div id='footer'>
Mon pied de page
</div>
</body>
</html>
<?php
// Ouverture de la session utilisateur:
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Haut de page -->
<head>
<!-- METATAGs -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="./CSS/stylesheet_menu.css" />
<!-- Titre -->
<title>TriAnnot_Consultation</title>
</head>
<!-- Fin Haut de page -->
<!-- Corps de page -->
<body>
<div id='content'>
<!------------------------------------>
<!-- Premier "Bloc": Entête et Menu -->
<!------------------------------------>
<?
include('entete.html'); // Nous appelons l'entete du site
?>
<!-- Fin du premier Bloc -->
<!------------------------------------------>
<!-- Deuxième "Bloc": Affichage Dynamique -->
<!------------------------------------------>
<table border="0" height="100%" style="margin-left: auto; margin-right: auto; position:inherit">
<tr>
<td width="85%" style="text-align:center">
<?php
/*********************************************************************************/
/* Le bloc de code php ci-dessous est utilisé ici afin de sécuriser le site web: */
/* Seul un nombre limité de page peut ainsi être affiché. */
/* Une URL incorrecte renvoit à l'acceuil du site */
/*********************************************************************************/
// Liste des pages autorisées
$pageOK = array('nb_critere' => 'nb_critere.php',
'criteria' => 'selection_critere.php',
'col_tri_1' => 'traitement1.php',
'col_tri_2' => 'traitement2.php',
'col_tri_3' => 'traitement3.php',
'res_tri' => 'resultat_triannot.php',
'res_gene' => 'resultat_genefarm.php',
'acceuil' => 'default.html',
'tutorial' => 'tutorial.html',
'logout' => 'logout.php');
// La page appartient t'elle à la liste des pages autorisées ??
if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) {
include($pageOK[$_GET['page']]); // Pages principales
}else{
include('default.html'); // Page par défaut ( Se charge à la place d'une page non autorisées )
}
?>
</td>
</tr>
</table>
<!-- Fin du deuxième Bloc -->
</div>
<div id='footer'>test Pied de page</div>
</body>
<!-- Corps de page -->
</html>Code : Tout sélectionner
html body {
margin:0;
padding:0;
height:100%;
}
div#content {
height:auto;
display:block;
min-height:100%;
}
div#footer {
clear:both;
position:relative;
bottom:0px;
} 
) je remarque que j'ai bien le pied de page placé correctement mais tout le reste de mon interface ce met a ne plus fonctionner correctement:<table border="1" width="100%" style="margin-left: auto; margin-right: auto;">
<tr><td colspan="100%"><font class="titre_page">Welcome on TriAnnot Consultation Tools</font></td></tr>
<tr>
<td style="height: 40pt" colspan="100%"></td>
</tr>
<tr>
<td width="13%"> </td>
<td width="74%" style="font-size:16px; "><b>This easy and friendly interface, based on a multi criteria research tools (species, chromosomes, BAC ID, Genes), allows rapid links to the TriAnnot GBrowse viewer and/or the GeneFarm database, as well as NCBI-GenBank, EBI-EMBL and SwissProt.</b></td>
<td width="13%"> </td>
</tr>
<tr>
<td style="height: 30pt" colspan="100%"></td>
</tr>
<tr>
<td width="13%"> </td>
<td width="74%" style="font-size:16px; "><b>For example you may have a rapid access to a list of genes belonging to a specific species/chromosome/BAC; or all the BAC containing a gene family, or all the BAC available on a specific chromosome species; and so one. The research process is intuitive and user-friendly.</b></td>
<td width="13%"> </td>
</tr>
<tr>
<td style="height: 30pt" colspan="100%"></td>
</tr>
<tr>
<td width="13%"> </td>
<td width="74%" style="font-size:16px; "><b>Click <a href="?page=tutorial">here</a> to access to the tutorial and FAQ</b></td>
<td width="13%"> </td>
</tr>
</table>Code : Tout sélectionner
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Positionnement d'un pied de page</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<style type="text/css">
/* <![CDATA[ */
html body {
margin:0;
padding:0;
height:100%;
}
div#content {
height:auto;
display:block;
min-height:100%;
}
div#footer {
clear:both;
position: absolute;
bottom:20px;
}
/* ]]> */
</style>
</head>
<body>
<div id="content">
Le contenu de ma page
</div>
<div id="footer">
Mon pied de page
</div>
</body>
</html>
Code : Tout sélectionner
<?xml version="1.0" encoding="iso-8859-1" ?><?php
// Ouverture de la session utilisateur:
session_start();
?>
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>TriAnnot_Consultation</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<style type="text/css">
/* <![CDATA[ */
html body {
margin:0;
padding:0;
height:100%;
}
div#content {
height:auto;
display:block;
min-height:100%;
}
div#footer {
clear:both;
position: absolute;
bottom:20px;
}
/* ]]> */
</style>
</head>