css : hauteur de page variable

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par rudddy, 29 Septembre 2009.

  1. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    Bonjour,

    en css, je n'arrive pas à définir une hauteur de page variable. en fait, mon background du site est gris, et le background de ma page est blanc, donc je voudrais que si le texte est long, qu'il s'affiche toujours sous fond blanc.

    exemple de mon souci : http://avima.fr/v0/vallee-des-immortels.php

    j'ai essayé avec min-height, height 100% ... et tout ce que j'ai vu sur le web, mais sans succès

    merci à vous
     
  2. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 579
    J'aime reçus:
    0
    Normal, les blocs en float ne sont pas dans le flux, et ne contribuent pas à la taille du bloc qui les contient.

    Solutions:
    - utiliser des tables (oui, c'est pas bieeeeen, mais bon, c'est le seul truc qui marche vraiment)
    - enlever le float: left sur le bloc central, passer celui de droite en float: right (et le mettre avant le bloc central), mettre des marges adaptées, et ne pas oublier un tube d'aspirine pendant que tu (re)lis la spec CSS.

    Il y en a peut-être d'autres...

    Jacques.
     
  3. forty
    forty WRInaute passionné
    Inscrit:
    30 Octobre 2008
    Messages:
    1 901
    J'aime reçus:
    0
    il faut ajouter un <div style="clear:both"></div> après le bloc flottant.
     
  4. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 976
    J'aime reçus:
    121
    J'ajouterais qu'en général rajouter une dive en clear:both au bon endroit permet souvent de résoudre ce genre de problèmes.
     
  5. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    j'ai testé de le mettre après la fermeture de mon <div id="form_center"> :

    Code:
    <div id=center">
        <div id="form_center">...</div>
        <div style="clear:both"></div>
    </div>
    
    et aussi après la fermeture de mon <div id="center"> :

    Code:
    <div id=center">
        <div id="form_center">...</div>
    </div>
    <div style="clear:both"></div>
    
    et ça ne m'aide pas

    où faut-il le placer exactement ?

    merci

    yves
     
  6. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 976
    J'aime reçus:
    121
    Et de le mettre dans ton div form_center (avant le </div>) ?
     
  7. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    résolu

    en fait il fallait enlever le height que j'ais mis fixe à 900px dans le css

    et placer ce fameux div juste avant la fermeture du div id="corps" (le div contenant les 3 div left, center et right)

    merci à tous

    EDIT : + 1 reco
     
  8. GUITEL
    GUITEL WRInaute impliqué
    Inscrit:
    8 Juin 2007
    Messages:
    840
    J'aime reçus:
    0
Chargement...
Similar Threads - css hauteur variable Forum Date
Donner une hauteur relative à un float en css Développement d'un site Web ou d'une appli mobile 4 Juin 2007
css: Hauteur d'1 div container contenant une div float:left Développement d'un site Web ou d'une appli mobile 12 Décembre 2006
[HTML & CSS] div centrés en hauteur ? Administration d'un site Web 6 Février 2005
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
css pour cookieconsent et apparence graphique. Développement d'un site Web ou d'une appli mobile 28 Avril 2019
Appliquer style CSS CMS GHOST Développement d'un site Web ou d'une appli mobile 21 Mars 2019