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 :

Problème de dimensionnement auto du background


Sujet :

Dimensionnement en CSS

  1. #1
    Membre du Club
    Inscrit en
    Mai 2004
    Messages
    59
    Détails du profil
    Informations forums :
    Inscription : Mai 2004
    Messages : 59
    Points : 44
    Points
    44
    Par défaut Problème de dimensionnement auto du background
    bonjour, je fais un site perso avec une image de fond perso selon le modele suivant:
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    body {
    	background-image:  url(Images/fond.jpg);
    	background-repeat : no-repeat;
    	background-attachment : fixed;
    	text-align: center;
    }
    j ai donc mon image qui saffiche en fond sur ma page le probleme c est que je voudrais la redimensionner en fonction de la resolution d'ecran du poste client car sur mobn portable par exemple ca passe nikel mais si j'utilise mon poste fixe, l'image est troppetite et j ai une bande blanche en bas et a droite de l ecran ce qui fait tout moche ......

  2. #2
    Nouveau membre du Club
    Inscrit en
    Juin 2004
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 26
    Points : 29
    Points
    29
    Par défaut
    salut,

    completement impossible en html/css (peut etre dans le futur ?)

    possible en javascript , mais ce n'est plus tout à fait du "background" , c'est une image à 100% .


    ++

    L.

  3. #3
    Membre du Club
    Inscrit en
    Mai 2004
    Messages
    59
    Détails du profil
    Informations forums :
    Inscription : Mai 2004
    Messages : 59
    Points : 44
    Points
    44
    Par défaut
    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
    <html>
    <head>
    </head>
    <body>
     
      <img style="position:absolute;left:0px;top:0px;width:100%;height:100%;"
       src="test.jpg" alt=""/>
      <div style="position:absolute;left:0px;top:0px;width:100%;height:100%;">
     
      Contenu de la page ici
     
      </div>
     
    </body>
    </html>

    on remercie sub zero pour la solution

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    Balises code the_edge ...


    rien compris ... pourquoi ça fonctionne sans z-index ???
    et le flux de la page il devient quoi dans l'histoire ???
    en principe le div ne devrait pas commencer àprès l'image ???

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    en plus c'est génial ça permet même de centrer l'image comme on veut ...


    height%; width:y%
    top:100 - 2x %; left: 100-2y%

  6. #6
    Futur Membre du Club
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 10
    Points : 6
    Points
    6
    Par défaut youpi
    merci the edge j'etais en train de galéré
    ca fonctionne super!!!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS 3] Redimensionnement auto image background suivant résolution visiteur
    Par woodix dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 07/08/2014, 19h13
  2. auto dimensionnement d'un calque père selon deux calque fils.
    Par death_style dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 04/03/2010, 19h35
  3. [CSS 3] dimensionnement auto page web
    Par ty_miam dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/11/2009, 21h54
  4. overflow-auto background-image IE7
    Par taffMan dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 27/02/2008, 18h46
  5. Changement background auto sur IE
    Par ThomasR dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 13/12/2007, 10h18

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