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 en position basse


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut div en position basse
    Bonjour

    j'aimerais construire une structure de div en partant par le bas
    le div principal (conteneur) à une hauteur aléatoire

    et dans exemple, le div enfant3 aurait un margin-bottom de 10px
    afin que celui-ci soit toujours à 10px du bas de la page
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id=conteneur>
       <div id=enfant1>
       <div id=enfant2>
       <div id=enfant3>
    div>
    merci de votre aide

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    pour placer ton div3 en bas quelque soit la hauteur du conteneur, tu dois
    > ajouter position:relative au bloc conteneur afin qu'il serve de référence
    pour ses enfant positionnés de manière absolue.
    > attribuer position:absolue; bottom:10px; à ton div 3
    > la même chose pour tes 2 autres div avec une valeur de bottom dépendant
    de la hauteur des 2 autres bloc.

    Problème: comme ceux-ci sont hors flux, il ne seront pas pris en compte pour déterminer la hauteur de conteneur.
    Et comme ils n'ont pas de méthode de dégagement comme les bloc flottant,
    tu devrais essayer la méthode de nettoyage de position d'Inman (en).

Discussions similaires

  1. 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
  2. [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
  3. affichage d'un div à la position du curseur
    Par n00noors dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/09/2006, 17h16
  4. [CSS] Redimensionnement de div en position absolute
    Par Fluckysan dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 25/09/2006, 13h41
  5. Centrer une <div> en position fixe sous IE
    Par Jorus dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 23/09/2004, 15h29

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