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 :

[CSS] Redimensionnement de div en position absolute


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 37
    Par défaut [CSS] Redimensionnement de div en position absolute
    Bonjour,
    J'ai plusieurs div toute en position:absolute (qui constitue le découpage de mon design)
    Pour simplifier j'ai 3 divs : une en haut, une au centre où s'effectue la navigation et une en bas
    Le problème est le suivant : vus que les div se redimensionnent suivant leur contenu lorsque le contenu de la div du milieu (navigation) sera trop grand pour celle-ci elle va "grandir" verticalement. Et comme il s'agit de position absolute elle va empiéter sur la div du bas
    J'aimerais savoir s'il y a un moyen pour que la div du bas suive le mouvement comme on peut le faire avec un position:relative
    Merchi d'avance :o

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

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

    je crois qu'il faut que tu utilises clear:both dans la div du bas.
    Mais pourqu'oi n'utilise tu pas relative?

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Je suppopse que tu as des éléments flottants dans ton conteneur.

    Passe nous un peu de code et on verra (html et css)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 37
    Par défaut
    Le problème avec le relatif c'est que je n'arrive pô à agencer correctement mes div lorsqu'il s'agit de découpage qui ne sont pô à l'imagine d'un tableau (comme des cellules)
    Mon CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    #leftTopCorner{
      background:url("../img/design/leftTopCorner.jpg") no-repeat;
      width:49px;
      height:362px;
      position:absolute;
      top:50px;
      left:180px;
    }
     
    #menu{
      background:url("../img/design/menu.jpg") no-repeat;
      width:231px;
      height:156px;
      position:absolute;
      top:50px;
      left:229px;
    }
     
    #top{
      background:url("../img/design/top.jpg");
      width:551px;
      height:156px;
      position:absolute;
      top:50px;
      left:460px;
    }
     
    #rightTopCorner{
      background:url("../img/design/rightTopCorner.jpg") no-repeat;
      width:28px;
      height:156px;
      position:absolute;
      top:50px;
      left:1011px;
    }
    Cela constitue la partie du haut (j'ai schématisé dans mon premier post cette partie serait le "haut"
    J'ajoute à cela une div "center" qui constitue la navigation et qui vient se rajouter à la suite (verticalement) de ceci

    Mon HTLM :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
      <div id="center"></div>
      <div id="leftTopCorner"></div>
      <div id="menu"></div>
      <div id="top"></div>
      <div id="rightTopCorner"></div>
    Je me contente de "poser" les divs :o

    Citation Envoyé par MasterOfChakhaL
    Je suppopse que tu as des éléments flottants dans ton conteneur.
    Justement nop je n'ai rien dans mon conteneur qui soit en relative :s

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

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    Le problème c'est que ton site n'est pas du tout dynamique, tu aurais du mettre tes tailles en % au moins mais pas en pixels car un gars qui regarde ton site en 800*600 il n'y verras rien.

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 37
    Par défaut
    Je suis d'accord sur ce point mon site n'est pô optimisé pour les résolution en dessousde 1024*768. Les tailles en px sont fait pour le design
    Mais ce n'est pô le sujet je cherche à ce que ma div du bas suive le redimensionnement de la div centrale de navigation

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

Discussions similaires

  1. [CSS 3] Centrage vertical de texte dans un div en position absolute
    Par sovitec dans le forum Mise en page CSS
    Réponses: 17
    Dernier message: 25/08/2011, 11h59
  2. Superposition de div sans position absolute
    Par Ceddoc dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/05/2011, 17h37
  3. débordement div en position absolute
    Par cssblues dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/08/2009, 18h52
  4. Centrage d'éléments DIV ayant position:absolute;
    Par Steph4fun dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 14/05/2007, 08h41
  5. [XHTML] Un div avec position absolute et centré
    Par Emotion dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/04/2007, 15h02

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