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 :

[NewBie] Height 100 % ?


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de GyZmoO
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Février 2006
    Messages
    428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Février 2006
    Messages : 428
    Par défaut [NewBie] Height 100 % ?
    Salut à tous.

    Je ne suis pas calé en CSS (je préfère prévenir d'entrée )

    Bref, je m'amuse à faire un petit site web (php, html & css) et j'ai un petit soucis.

    J'ai un :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    #myDiv
    {
     position: absolute;
     background-color: red;
     left: 10%;
     top: 0;
     width: 80%;
     height: 100%;
     border: 1px black;
    }
    Tout va bien quand le navigateur ne fait pas apparaître de scroll bar verticale, par contre dés qu'il y'a une scroll bar, mon div ne prend pas la "totalité" de la hauteur disponible.

    J'ai bien sur fait un tour sur notre ami google, ainsi que sur la F.A.Q, et j'ai vu qu'il fallait faire un truc de ce style :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    body, html
    {
     height: 100%;
    }
    J'ai donc tenté hein
    Sans succès bien sur (c'est pour cela que je poste ici)

    Bref, comme je l'ai déjà dit, je maîtrise pas les CSS :/

    J'attends vos remarques

    Merci bien

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 71
    Par défaut
    Bonjour,

    Peux-tu ajouter ce code à ta feuille de style et me dire si cela résout ton problème
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    *{
    margin:0;
    padding:0;
    }
    Au plaisir de te lire,
    Cdt,

    Lenézé

  3. #3
    Membre éclairé Avatar de GyZmoO
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Février 2006
    Messages
    428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Février 2006
    Messages : 428
    Par défaut
    Merci pour ta réponse !

    Je teste ça au plus vite (style demain), je te tiens au courant dans la foulée !

  4. #4
    Membre éclairé Avatar de GyZmoO
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Février 2006
    Messages
    428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Février 2006
    Messages : 428
    Par défaut
    Re,

    Malheureusement, même constat :'(

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Février 2010
    Messages
    21
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 21
    Par défaut
    Salut,

    Le comportement avec absolute va dépendre de la structure de ton site.
    Vérifie si l'utilisation d'absolute est indispensable, sinon essaye de rajouter {overflow:hidden;} sur ton div.

    a+

  6. #6
    Membre éclairé Avatar de GyZmoO
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Février 2006
    Messages
    428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Février 2006
    Messages : 428
    Par défaut
    Salut et merci pour vos réponses.

    Je me suis débrouillé avec des overflow: auto et Cie. C'est pas terrible mais ça fera pour le moment.

    Je pensais pas que c'était si tordu de faire en sorte qu'un Div prenne toute la hauteur du navigateur

Discussions similaires

  1. [XHTML] textarea height 100%
    Par gumma dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 24/05/2006, 22h10
  2. hack pour <div style='height:100%'>
    Par mauroyb0 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 15/05/2006, 08h42
  3. [css]opéra height 100% absolute
    Par spirou dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 08/10/2005, 22h10
  4. [W3C] height="100%" différent de style="height:100%
    Par Oluha dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 18/08/2005, 17h14
  5. [HTML] Height à 100% sur Img sous IE
    Par lord_paco dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 10/08/2005, 11h04

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