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 :

Div dont le height rempli l'espace vertical dispo


Sujet :

CSS

  1. #1
    Membre habitué Avatar de Dionyzos
    Homme Profil pro
    Développeur & Designer Web
    Inscrit en
    Février 2004
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur & Designer Web

    Informations forums :
    Inscription : Février 2004
    Messages : 134
    Points : 156
    Points
    156
    Par défaut Div dont le height rempli l'espace vertical dispo
    Bonjour,

    Plutôt qu'un long discours, voici une illustration schématique de ce que je souhaite faire :


    En fait j'aimerais que le DIV de gauche remplisse l'espace vertical jusqu'au DIV du bas.

    Qq'un aurait-il la solution miracle pour FF et IE(6 & 7) ?

  2. #2
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut

    Tout d'abord : beau schéma
    Tu peux régler ton problème en Javascript :
    Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    window.onload=ajuste
     
    function ajuste()
    {
      div_left=document.getElementById('left');
      div_right=document.getElementById('right');
      if (div_left.offsetHeight>div_right.offsetHeight) div_right.style.height=div_left.offsetHeight+"px";
      else div_left.style.height=div_right.offsetHeight+"px";
    }

  3. #3
    Membre habitué Avatar de Dionyzos
    Homme Profil pro
    Développeur & Designer Web
    Inscrit en
    Février 2004
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur & Designer Web

    Informations forums :
    Inscription : Février 2004
    Messages : 134
    Points : 156
    Points
    156
    Par défaut
    Merci pour ta réponse trotters213, mais je voulais justement éviter de passer par du JS (c'est d'ailleurs pour cette raison que j'ai spécifiquement posté dans la section CSS).

    Mais au final j'ai tout de même réussi à obtenir ce que je voulais en "trichant" avec un background-image.

    Donc je vais taguer le topic en RESOLU.
    Mais si qq'un trouve entre temps une solution propre et simple en CSS, qu'il n'hésite pas, ça peut toujours être intéressant pour qu'un

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

Discussions similaires

  1. Réponses: 11
    Dernier message: 26/04/2007, 16h34
  2. Réponses: 3
    Dernier message: 23/01/2007, 08h14
  3. Un 4ème espace vertical dans un BorderLayout ?
    Par jomannix dans le forum Interfaces Graphiques en Java
    Réponses: 4
    Dernier message: 15/11/2006, 12h37
  4. [CSS]espacement vertical entre puce
    Par Phenomenium dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 19/01/2006, 11h52

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