28220 sujets

CSS et mise en forme, CSS3

Positionnement du footer

Bonsoir,

Je ne comprends pas comment la dernière ligne (cf div footer) n'est pas centrée mais légèrement décalée.

<a href="mailto:herve.dunoyer@noos.fr">&copy;Herv&eacute;&nbsp;Dunoyer&nbsp;2005 - Toute
reproduction interdite </a>

Merci


Voici mon code

Citation:
<html>

<head>

<title>Hervé Dunoyer Photographies</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<style type="text/css">

!--Récapitule et stocke les différents styles -->



<!--Couleur des Liens -->


<!--Décrit les différents espaces (div) -->

#conteneur {
position: absolute;
width: 100%;
height: 100%;
}

#haut {
height: 30px;
background-color:#CCCCFF;
}
#centre {
background-color:#9999CC;
}

#footer
{
position: absolute;
bottom: 5px;

}

.centrer{text-align:center}

</style>

<body bgcolor="#B2B2B2" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="conteneur">

<table
style="padding: 0px; width: 90%; margin-left: auto; margin-right: auto; color: rgb(102, 102, 102);"
border="0" cellpadding="2" cellspacing="2">
<tr>
<td
style="width: auto; text-align: center; color: rgb(102, 0, 0);"><a
href="Themes.php" style="text-decoration: none;font-size: 20px;">Galerie</a></td>
<td
style="width: auto; text-align: center; color: rgb(102, 0, 0);"><a
href="Auteur.php" style="text-decoration: none;font-size: 20px;">Auteur</a></td>
<td
style="width: auto; text-align: center; color: rgb(102, 0, 0);"><a
href="livredor.php" style="text-decoration: none;font-size: 20px;">Livre d'Or</a></td>
<td
style="width: auto; text-align: center; color: rgb(102, 0, 0);font-size: 20px;"><a
href="liens.php" style="text-decoration: none;">Liens</a></td>
</tr>
</table>


<!-- Centre de la Feuille -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="70%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="10" height="400">
<tr>
<!-- Nom et Nom du Site -->
<td height="60" bgcolor="#B2B2B2" align="left" valign="top"><font face="Verdana, Arial, Helvetica, sans-serif">
<font size="6" color="#FFFFFF"><b>&nbsp&nbsp;HERVE DUNOYER</b></font></font></td>
</tr>
<tr>
<td width="740" height="50" bgcolor="#B2B2B2" align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif"><font size="6" color="#0000FF"><b>Photographiquement Vôtre</b></font></font></td>
</tr>
<tr>
<!-- Photos -->
<td align="center" height="200" bgcolor="#666666">
<a href="Themes.php"><img src="/Photos/Ala05_14.JPG" width="200" height="131" border="0" alt="Enter"></a>&nbsp;
<a href="Themes.php"><img src="/Photos/Ken03_11.JPG" width="200" height="131" border="0" alt="Enter"></a>
&nbsp;
<a href="Themes.php"><img src="/Photos/Ind04_24.JPG" width="200" height="131" border="0" alt="Enter"></a></td>
</tr>
<tr>
<!-- Ajout Type Photos -->
<td height="80" bgcolor="#B2B2B2" align="center" valign="top"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="6" color="#666666"><b>Paysages,
Animaux Sauvages, Personnages ...</b></font></font></td>
</tr>
</table>
</td>
</tr>
</table>

<td><big><marquee>SITE EN CONSTRUCTION</big></marquee>

<br><br><br>

<div class=centrer>Vous êtes le
<br>

<?php
$counter_type=1;
$counter_name="haute-definition.net";
$counter_ip=$REMOTE_ADDR;
include("compteur/compteur.php");

?>

<div id="footer" >

<a href="mailto:herve.dunoyer@noos.fr">&copy;Herv&eacute;&nbsp;Dunoyer&nbsp;2005 - Toute
reproduction interdite </a>

</div>
</div>

</div>


</body>

</html>
Salut,

merci de respecter les Règles du forum et de mettre tes portions de code avec les balises spécifiques.

Ensuite, attention à l'imbrication de tes balises, tu as des balises ouvertes mais jamais fermées (big, td ...)
Revois un peu ta structure on y verra un petit peu plus clair Smiley cligne
Administrateur
Bonsoir et bienvenue sur ce Forum,

merci d'éditer le message pour rajouter autour de ce qui suit "Citation:" les balises [ code] lorem ipsum[ /code] (sans les espaces) comme cela est demandé dans les Règles du Forum. Cela rendra le source plus lisible Smiley cligne (voire digeste Smiley ravi )

Mis à part cela, est-ce que le tutoriel sur les Modèles de mise en page en CSS serait utile?

Felipe
Oui je me suis servi du tutoriel dont j'ai repris une partie.

Je ne comprends toujours pas pourquoi mon footer n'est pas correctement positionné.

Merci de m'aider
Sujet clos
Aller à