28173 sujets

CSS et mise en forme, CSS3

Problème de positionnement d'un footer

Bien le bonjour, je viens de publier mon site personnel et je ne parviens pas à solutionner un problème sur lequel je m'acharne depuis plusieurs jours maintenant.

Je vous laisse voir par vous même (une illustration vaut mieux qu'un long discours Smiley cligne ) :
http://www.omicronlab.net/error-404.html

Voici le code source :

<!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>
	<title>OmicronLab</title>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />	
	
	<link rel="shortcut icon" href="design/images/omicronlab.ico" />
	<link rel="stylesheet" media="screen" type="text/css" href="design/css/global.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="design/css/calendar.css" />
</head>

<body>
	<h1 class="hidden">OmicronLab</h1>
	<h2 class="hidden">Menu</h2>
	<div id="header">

		<ul>
		  <li><a href="accueil.html">Accueil</a>|</li>
		  <li><a href="qui-suis-je.html">Qui suis-je ?</a>|</li>
		  <li><a href="laboratoire.html">Laboratoire</a></li>
		</ul>
		<div id="windows">

			<h2 class="hidden">Calendrier</h2>
			
<table class="calendar">
	<tr>
	  <th>L</th><th>M</th><th>M</th><th>J</th><th>V</th><th>S</th><th>D</th>
	</tr>

		<tr>
		  <td></td><td class="passed">1</td><td class="passed">2</td><td class="passed">3</td><td class="passed">4</td><td class="passed">5</td><td class="passed">6</td>
		</tr>
		<tr>
		  <td class="passed">7</td><td class="passed">8</td><td class="passed">9</td><td class="passed">10</td><td class="passed">11</td><td class="passed">12</td><td class="passed">13</td>

		</tr>
		<tr>
		  <td class="passed">14</td><td class="passed">15</td><td class="passed">16</td><td class="passed">17</td><td class="passed">18</td><td class="passed">19</td><td class="passed">20</td>
		</tr>
		<tr>

		  <td class="passed">21</td><td class="passed">22</td><td id="current">23</td><td>24</td><td>25</td><td>26</td><td>27</td>
		</tr>
		<tr>
		  <td>28</td><td>29</td><td>30</td><td>31</td><td></td><td></td><td></td>

	</tr>
</table>		</div>
	</div>
	<div id="content">
	<h3><span>Erreur 404</span><br/>Page non trouvée</h3>
	<p>Le document que vous essayez d'atteindre n'existe pas. Contactez le webmaster en cas de problème.</p>	</div>
	<div id="footer"></div>

</body>

</html>


et les css qui vont avec :

http://www.omicronlab.net/design/css/global.css
http://www.omicronlab.net/design/css/calendar.css

J'ai essayé tous les types de positionnement mais je n'arrive pas à coller le footer au bas de la page qu'elle qu'en soit la hauteur et sans qu'il enpiètre sur mon texte..

Help! Smiley biggrin
Modifié par AndL (23 May 2007 - 20:50)
Florent V. a écrit :

Pfff, j'ai même plus le temps de caser mes liens, ils se casent tout seuls...
Ça doit être fatiguant, à la longue, y'a même plus moyen de frimer un peu Smiley lol

<private>T'as remarqué la belle cédille ? Smiley murf </private>
Thomas D. a écrit :
<private>T'as remarqué la belle cédille ? Smiley murf </private>

Non, je n'eus pu remarquer que l'absence d'icelle. L'orthotypographie et l'orthographe, c'est comme les effets spéciaux : moins ça se remarque, et mieux c'est. Smiley cligne
Florent V. a écrit :

Non, je n'eus pu remarquer que l'absence d'icelle. L'orthotypographie et l'orthographe, c'est comme les effets spéciaux : moins ça se remarque, et mieux c'est. Smiley cligne
Ah ben si, il arrive encore à faire le malin avec des mots que personne d'autre ne comprend Smiley lol

Chapeau bas Smiley jap
Sujet clos
Aller à