28220 sujets

CSS et mise en forme, CSS3

[Resolu] Positionnement pied de page

Bonjour, j'ai un petit soucis, toujours sur du positionnement.
je voudrais toujours avoir une marge de x cm par rapport au bas de ma page, quelque soit la résolution choisie, en fait je veux voir toujours apparaître mon pied de page. En voici un début de code ....

Pour le html :


<?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">
<head>
<title>Connexion</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
</head>
  <body id="placerBody">
    
    <div id="nomApplication">
    	<span>TOTO</span>
    </div>
    
    <div id="encadrementConnexion">
           Divers chose ....
    </div>

    <div id="piedDePage">
     	<span>Quitter</span>
     	<span>A propos</span>
    </div>
  </body>
</html>


Pour la feuille de style :



#placerBody {
   margin-top:0px;
   margin-bottom:0px;
   margin-left:0px;
   margin-right:0px;
}

#nomApplication {
   font-family:serif;
   font-size:25px;
   font-size:65px;
   text-align:center;
   margin-top:15%
}

#piedDePage {

	border-top:1px solid black;
	margin-bottom:10%;
}

#encadrementConnexion {
	border:1px solid grey;
	background-color:#E0E0E0;
  margin-left: auto;
  margin-right: auto;
	margin-top:5% ;
  height: 150px;
	width: 300px;
}


Auriez vous une idée ??

Merci.

@+ Pierre-Bruno Smiley biggrin
Modifié par Pierre-Bruno (03 May 2005 - 11:31)
Pourquoi as-tu mis un id au body, c'est pas la peine.
Tu met

body {
margin : 0;
}

Et si tu veux avoir une marge de x pixel (ou tt unité de mesure), tu met un margin-bottom au body.
Nan?
Administrateur
Osiris1426 a écrit :
Pourquoi as-tu mis un id au body, c'est pas la peine.

Ça peut être pratique pour les feuilles de styles alternatives personnelles, ou simplement pour un lien en haut de page Smiley cligne
Sujet clos
Aller à