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 :

header background repeat sur une grande largeur


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Inscrit en
    Octobre 2012
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2012
    Messages : 1
    Par défaut header background repeat sur une grande largeur
    Bonjour

    Je suis en train de créer mon portfolio, je voudrai créer un header dont le fond (background-color) se répète sur toute la page en horizontale. (background-repeat : x)

    Comme sur ce site la : http://www.charliegentle.co.uk/ (le bloc "Digital Portfolio" se répète sur toute la page, je voudrai faire la même chose)

    Le problème est que ça ne marche pas car mon header est imbriqué dans le body dont la largeur est de 970 px.

    Que dois je faire ? Mettre un body avec une largeur de 4000 px ?
    Ou sinon est ce que vous connaissez un gabarit html dont les largeurs ne sont pas fixes ?

    Merci pour vos réponses

  2. #2
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Août 2011
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2011
    Messages : 59
    Par défaut
    Salut,

    regarde ce lien ça peut t'aider:
    http://www.buildinternet.com/project/supersized/

  3. #3
    Membre Expert
    Avatar de Mahefasoa
    Homme Profil pro
    Manager IT
    Inscrit en
    Octobre 2003
    Messages
    835
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Manager IT

    Informations forums :
    Inscription : Octobre 2003
    Messages : 835
    Par défaut
    Bonjour,

    Si c'est l'image en background que tu veux déplacer, pas besoin d'avoir un conteneur avec une largeur de 4000px.
    Garde la largeur du conteneur à 970px, mais pour déplacer le fond, joue sur la directive background-position: left top; en utilisant des valeurs négatives ou positives pour left.
    Ce sera du CSS, éventuellement manipulé par du JS.

    Pour aller plus loin, un extrait de code de ta part pourrait nous aider à t'aider

    Cordialement,
    Mahefasoa

Discussions similaires

  1. Décalage d'affichage de mon menu sur une grande resolution
    Par fraizas77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 02/03/2011, 15h56
  2. Background different sur une autre page !
    Par lokou dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 27/11/2008, 21h06
  3. Probleme avec un header qui redirige sur une image
    Par Seb33300 dans le forum Langage
    Réponses: 3
    Dernier message: 30/06/2007, 19h24
  4. Réponses: 17
    Dernier message: 07/06/2007, 14h25
  5. background image sur une rangée
    Par zevince dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/04/2007, 17h48

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