CSS height 100%

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Protanim, 20 Septembre 2005.

  1. Protanim
    Protanim WRInaute occasionnel
    Inscrit:
    2 Avril 2005
    Messages:
    254
    J'aime reçus:
    0
    Bonjour,

    Est ce que quelqu'un pourrait m'expliquer comment mettre un background en hauteur 100 % ?
    Il y a quelque chose que je comprends pas : j'ai essayé en mettant le height dans une class spéciale, en le mettant dans la class normale,...
    Ca ne marche jamais !

    Mon problème est visible sur la page d'accueil du site de la signature. On voit que pour la colonne du milieu le bas foire et c'est d'autant plus visible si vous faites suite sur une des deux actualités dans le menu de droite.

    Merci à celui qui m'aidera.
     
  2. tom_sawyer
    tom_sawyer WRInaute passionné
    Inscrit:
    2 Décembre 2004
    Messages:
    1 012
    J'aime reçus:
    0
    Bonjour
    tu trouveras ton bonheur ici
    ++

    edit: plus simple si j'ai bien compris tu fais un background-repeat:repeat-y;
     
  3. jOoL
    jOoL WRInaute occasionnel
    Inscrit:
    5 Mai 2005
    Messages:
    388
    J'aime reçus:
    0
    j'ai l'impression que c'est ton div de contenu central qui n'est pas à une hauteur de 100%.. sinon ton background irait jusqu'au bout.

    Tu peux toujours déjà forcer de répéter le bg en modifiant ta css comme ceci:

    Code:
    .centre {
         float:left;
         left: 173px;
         width: 407px;
         background-repeat:repeat-y;
    }
    mais la solution ne doit pas être là
    [/code]
     
  4. CaYuS
    CaYuS WRInaute occasionnel
    Inscrit:
    14 Juillet 2005
    Messages:
    485
    J'aime reçus:
    0
    Moi je ne dis rien mais on avait quand même déjà vu ce type de problème ici, réglé avec le min-height.
    https://www.webrankinfo.com/forum/t/probleme-css.35132/

    Car si ton background ne va pas jusqu'en bas, c'est que le conteneur dont il dépend ne va pas jusqu'en bas.
    Donc sois tu le forces à aller jusqu'en bas (cf plus haut), sois tu appliques ton background à un autre conteneur plus "global" qui lui va jusqu'en bas :roll:
     
  5. Protanim
    Protanim WRInaute occasionnel
    Inscrit:
    2 Avril 2005
    Messages:
    254
    J'aime reçus:
    0
    Cayus : le problème c'est que la hauteur de la colonne de droite varie sans arret. je ne vais pas à chaque modifier le CSS. J'aimerais trouver une autre solution qui s'adapte au contenu.

    Le background-repeat:repeat-y; ne marche pas.
     
  6. CaYuS
    CaYuS WRInaute occasionnel
    Inscrit:
    14 Juillet 2005
    Messages:
    485
    J'aime reçus:
    0
    Oki. Et bien à ce moment là, il te faut appliquer ta propriété à un autre conteneur, exemple global (en reprenant ton css).

    Code:
    #global {
    position: relative; 
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    text-align: left;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    background-image: url('http://www.protection-des-animaux.org/images/bg.jpg');
    background-position: 173px;
    background-repeat: repeat-y;
         }
    Le seul souci souci c'est que cette fois tu débordes ;)
    Donc à voir si tu ne trouves pas un conteneur plus "idéal", ou sinon modifier les propriétés de ton conteneur "bas".
    Enfin, c'était une idée de solution vers laquelle fouiller.
     
Chargement...
Similar Threads - CSS height 100% Forum Date
Height en CSS avec Internet Explorer Développement d'un site Web ou d'une appli mobile 15 Octobre 2010
XHTML 1.0 strict & CSS, style height avec la norme Développement d'un site Web ou d'une appli mobile 13 Juillet 2008
IE6 et CSS height Développement d'un site Web ou d'une appli mobile 9 Décembre 2007
[CSS] line-height et IE Développement d'un site Web ou d'une appli mobile 29 Mai 2007
[CSS] Height avec les div en position absolute Développement d'un site Web ou d'une appli mobile 30 Avril 2007
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019