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 :

Hauteur div auto suivant son contenu


Sujet :

Dimensionnement en CSS

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 14
    Points : 7
    Points
    7
    Par défaut Hauteur div auto suivant son contenu
    Bonjour,
    J'ai un problème ...
    J'ai sur ma page web 4 blocs disposés comme suit :

    <div id="contenant" style="position:relative; width:600px; border-width:1px; border-style: dotted; ">
    <div id="contenu1" style="position:absolute; top:0px; width:80px; left:0px; ">
    ... Texte court ...
    </div>
    <div id="contenu2" style="position:absolute; top:0px; width:440px; left:80px;">
    Texte généré depuis une Base de données (taille variable)
    </div>
    <div id="contenu3" style="position:absolute; top:0px; width:80px; left:520px; ">
    ... texte court ...
    </div>
    </div>

    Je voudrais donc avoir :



    Le texte généré dans le contenu2 provient d'une base de donnée, elle est donc de hauteur dynamique, et je voudrais qu'à chaque fois le div "contenant" s'adapte à la hauteur du div "contenu2".

    Merci de votre aide !

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Il ne faut pas utiliser des positions absolues, mais faire une vraie mise en page CSS :
    http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 14
    Points : 7
    Points
    7
    Par défaut
    Ah super !
    Je me suis pris un peu le chou mais maintenant mon div prend la hauteur de ce qu'il y a à l'intérieur c'est parfait !
    Merci !

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

Discussions similaires

  1. [XSLT 1.0] Connaitre la position d'un élément, suivant son contenu
    Par bipbip2006 dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 22/06/2012, 12h18
  2. Adapter la hauteur d'un textarea à son contenu dynamique
    Par renaud26 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 10/04/2009, 11h05
  3. [AJAX] Ecartement d'une <div> (et de son contenu)
    Par Paul75 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 31/10/2007, 11h41
  4. bordures de div et de son contenu
    Par yanice dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/05/2007, 19h06
  5. [css]PB hauteur div auto
    Par seufer dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/08/2006, 10h58

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