Probléme Bandeau inferrieur sur mon css.

gunnmgunnm Member
septembre 2011 modifié dans Entraide et S.A.T
Bonjour,

En fait je voudrais que mon Bandeau inférieur prenne toute la largeur de la page.
Pour rappeler le supérieur .
Mais je ne vois pas comment m'y prendre.

Pour visualiser mon problème :

Lines du site

Extrait du code CSS a modifier :
/* Footer
-------------------------------------------------------------------*/
#footer { 
	width:900px;
	float: left; 
	color: #FFF; 
	padding-top: 10px;
	text-align: center;
	background: #000 url(images/bg.gif) repeat-x; /*Bande Inferieur */

	
	}
	#footer p { 
	font-size: 11px; 
	margin: 0; 

	}
	#footer a { color: #0000CC; } /*Liens en bleu*/
Merci par avance de vos conseils qui me seront fort utiles.

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour

    Si ton footer à une largeur de 900px, il ne pourra pas faire la largeur de l'ecran
    width:900px;
    
    Essaye déjà par supprimer cette instruction et de rajouter la ligne suivante.
    margin:0 auto;
    

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • je viens de tester ,mais en fait cela me réduit carrément le bandeau.

    Je ne pige pas ce qui bloque!

    Un peut boulé sur les bords , sory.
  • StéphaneStéphane Member, Former PluXml Project Manager
    essaye en ajoutant
    width:100%;
    

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • gunnmgunnm Member
    septembre 2011 modifié
    Il semblerait qu'il soit contraint a respecter la taille de 900px;
    J'ai essayer de passer a width:150%;
    Mais sans sucés.
    Est-il possible que cela vienne d'ailleurs dans mon CSS ?

    Je vais faire des recherches de mon côté si jamais quelqu'un a la solution.

    Merci par avance !
  • gunnmgunnm Member
    septembre 2011 modifié
    Bon je me ré explique pour vous définir exactement ce que je veux faire.

    Sur mon site j'ai une image verte en parti supérieure que je voudrais pouvoir répéter sur le bas.

    A la place de celle qui est en parti basse.

    Mon but est , comme celle du haut ,qu'elle prenne toute la largeur de l'écran .

    Avec au centre comme c'est à l'heure actuelle :

    Généré par Pluxml | Théme par deniart

    Administration | Haut de page.

    Liens du site : ICI

    Feuilles de style :
  • C'est cette partie qu'il faut aussi modifier puisque ton footer est inclus dedans :
    #wrapper-bottom { 
    	width: 900px; 
    	height: 6px; 
    	float: left; 
    	margin-bottom: 7px; 
    	background: url(images/wrapper-bottom.gif) no-repeat bottom;/*partie basse du contenu*/
    }
    
    en virant le width:900px;


    à plus,

    Gzyg
  • danielsandanielsan Member
    septembre 2011 modifié
    j'me disais bien que les couleurs du site ressemblaient un quelque chose de connu ... deviantart non ? :D
  • Bonjour,

    Bon je travail souvent de nuit ,donc je n'ai pu répondre plus tôt.

    Oui , c'est bien un thème inspiré de deviant art.
    Page 6 des ressources de Pluxml pour ceux que cela intéresse.

    Merci en tout cas pour votre réactivité.

    Ps : Je teste tout cela dans la matinée.
  • gunnmgunnm Member
    septembre 2011 modifié
    HELP!

    Bon j'ai testé pas mal de trucs dont ce qui m'a été suggéré mais je ne m'en sort pas .
    Impossible d'obtenir l'effet voulu.

    je ne vois pas ce qui cloche !

    Ma feuille de style est toujours visible sur le lien du post précédent.

    OU sur le pastbin de Debian-fr :
    ICI

    N'hésitez pas à m'adresser des commentaire aussi sur le pastbin.

    Merci d'avance.
  • danielsandanielsan Member
    septembre 2011 modifié
    hello,

    ton container fait 900px, et ton footer est dedans, il ne peut donc pas y en sortir.
    Test en plaçant le footer à l'extérieur de #container, et ton #footer-inner en 900px ...
  • Et je ne peut pas le placer en arrière plan comme l'image supérieure.
    Avec une position en x et en y ?

    Si oui comment dois-je procéder?

    Merci.
  • tu as déjà une image d'arrière plan pour ton body,
    à moins de placer l'ensemble dans un autre bloc et d'assigner une img ...

    mais bon je ne vois pas pourquoi utiliser une image pour faire un aplat de couleur ?
    C'est d'ailleurs ce que tu as fait pour tous les blocs ...

    ça ne serait pas plus cool d'utiliser des codes couleurs ?
    Comme ça il est plus facile de changer l'apparence de l'ensemble en quelques clics :P
  • Ok .
    je te remercie pour toutes tes précisions .
    Je vais donc suivre tes conseils qui me semble parfaitement adapté a mes besoins.
    Tchao !
    Et merci le forum est très convivial.
    :)
  • si je peux me permettre une dernière chose:

    La Russie est un peu laxiste en ce qui concerne le piratage ...

    Ce n'est pas parce qu'on trouve des trucs cool et gratos sur un site russe,
    que ça veut forcément dire que c'est libre et qu'on a le droit de l'utiliser ...

    L'association couleur/fonction galerie de ton travail se rapproche dangereusement de la charte de Deviantart.

    C'est pourquoi je te conseille de tendre vers une autre association de couleurs
    ( pourquoi pas celles du bois puisque le site à l'air de traiter ce thème ? )

    Tu pourras ainsi partager et revendiquer ton thème en toute tranquillité coupant ainsi la chaîne infernale:
    Thème crée par Deniartru, ne connaissant pas la licence du thème mais étant disponible un peut partout sur internet je pense que celui ci doit être en Creative Commons attribution
    Une création fait partie du domaine public si celle-ci a été décidée par son auteur ou selon les lois de protection de dessins et modèles du pays en vigueur :D

    Cordialement,
    _____
    D.San
  • gunnmgunnm Member
    septembre 2011 modifié
    Merci de l'information !

    Effectivement je n'avais pas vu cela sous cette angle la et ta suggestion quand à un thème accès sur les couleurs du bois me parait très bon.

    Pour plus d'infos:
    C'est un site qui se veut un book de ce que moi et ma conjointe créons et façonnons en Marqueterie & Restauration de meubles.
    Quand à partager le thème j'espère être a la hauteur d'un tel travail.

    Thanks,
  • Bon j'ai commencé à faire des essai et cela me plais comme taff.
    Merci!
  • et c'est plus fun non ? :P
  • Carrément trop fun je m'éclate.

    Pluxml Power ! :)
Connectez-vous ou Inscrivez-vous pour répondre.