Footer à un décalage

**guismoman33** · 18/06/2008, 11h12

Bonjour mon pied de page ce met bien grâce à ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
div#footer {
	position: absolute;
	width: 97.4%;
	bottom: 0;
	background: #7fcf2e url(img/footer.png) repeat-x;
	color: #fff;
	margin: 2px 0;
	font-size: 0.9em;
	text-align: right;
	}

...Mais lorsque la page s'agrandit en longueur mon footer ce decalle à droite...pk

**Erwan31** · 18/06/2008, 12h28

Envoyé par guismoman33

...Mais lorsque la page s'agrandit en longueur mon footer ce decalle à droite...pk

Qu'entends tu par là?
Rempalcer width: 97.4%; par width: 97%;, pas de chiffres à virgule
avec les %

**romain_ci** · 18/06/2008, 12h37

Il ce decal car sa son width est un pourcentage, donc pas fixe

**guismoman33** · 18/06/2008, 12h45

non non attend mon with permet de le positionner sur la hauteur. Moi il se décale sur la droite donc la longueur

**Er3van** · 18/06/2008, 12h45

Envoyé par romain_ci

Il ce decal car sa son width est un pourcentage, donc pas fixe

Essaye :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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">
 
	<head>
		<title>iWebmaster » Annonces de recrutement gratuites pour webmasters.</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
		<link href="design.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
                        body, html {                            
                                margin : 0px ;
                                padding : 0px ;
                        }
                        #monDiv {
                                width : 50% ;
                                background-color : #AA4444 ;
                        }
                        
                </style>
	</head>
 
	<body>
		<div id="monDiv">Test</div>
	</body>
 
</html>

@Romain : Et dis moi si tu vois un décalage, si c'est le cas je m'incline

Mettre une virgule rend la valeur invalide, et celle-ci vaut donc 100% (par défaut un bloc à une largeur de 100%).

Mais pour autant ça ne devrait pas provoquer un décalage.
Es-tu sur de ne pas avoir de margin ou de padding d'un conteneur en %age ?

Envoyé par guismoman33

non non attend mon with permet de le positionner sur la hauteur. Moi il se décale sur la droite donc la longueur

Surement pas ^^'
Le width permet de spécifier la largeur de la boite, sachant que pour la valeur apparente de celle-ci, il faudra rajouter les padding et bordures.

**romain_ci** · 18/06/2008, 13h35

Envoyé par Er3van

@Romain : Et dis moi si tu vois un décalage, si c'est le cas je m'incline

Non pa de decalage

**guismoman33** · 18/06/2008, 15h31

Je réexplique mon probleme :
Lorsque ma page est courte (utlisation de la molette inutile) ma barre footer se place bien.
Lorsque ma page est longue il se décalle vers la droite et sors du cadre du site...