IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Footer à un décalage


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Octobre 2006
    Messages
    430
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 430
    Par défaut Footer à un décalage
    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

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par guismoman33 Voir le message
    ...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 %

  3. #3
    Membre expérimenté Avatar de romain_ci
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 262
    Par défaut
    Il ce decal car sa son width est un pourcentage, donc pas fixe

  4. #4
    Membre éclairé
    Inscrit en
    Octobre 2006
    Messages
    430
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 430
    Par défaut
    non non attend mon with permet de le positionner sur la hauteur. Moi il se décale sur la droite donc la longueur

  5. #5
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Citation Envoyé par romain_ci Voir le message
    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 ?


    Citation Envoyé par guismoman33 Voir le message
    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.

  6. #6
    Membre expérimenté Avatar de romain_ci
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 262
    Par défaut
    Citation Envoyé par Er3van Voir le message
    @Romain : Et dis moi si tu vois un décalage, si c'est le cas je m'incline
    Non pa de decalage

  7. #7
    Membre éclairé
    Inscrit en
    Octobre 2006
    Messages
    430
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 430
    Par défaut
    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...

  8. #8
    Membre éclairé
    Inscrit en
    Octobre 2006
    Messages
    430
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 430
    Par défaut
    non non attend mon with permet de le positionner sur la hauteur. Moi il se décale sur la droite.

  9. #9
    Membre expérimenté Avatar de romain_ci
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 262
    Par défaut
    Citation Envoyé par guismoman33 Voir le message
    non non attend mon with permet de le positionner sur la hauteur. Moi il se décale sur la droite.
    Mdr NON !!

    Le Width c la longeur, la propriété pour la Hauteur c'est la Height !

Discussions similaires

  1. Probleme de décalage sur footer
    Par nO_life dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/10/2008, 14h59
  2. Décalage Sous IE à cause du footer
    Par surpriz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 19/06/2006, 17h58
  3. mise en page (Header and Footer) en XML-XSL.
    Par christine dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 01/03/2004, 17h31
  4. Réponses: 14
    Dernier message: 01/09/2003, 23h46
  5. Décalage graphique et souris
    Par Sub0 dans le forum Composants VCL
    Réponses: 7
    Dernier message: 27/06/2003, 10h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo