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

HTML Discussion :

Se positionner en bas d'un div avec un scrollbar


Sujet :

HTML

  1. #1
    Membre averti Avatar de mdr_cedrick
    Profil pro
    Développeur multimédia
    Inscrit en
    Janvier 2008
    Messages
    374
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Développeur multimédia

    Informations forums :
    Inscription : Janvier 2008
    Messages : 374
    Points : 336
    Points
    336
    Par défaut Se positionner en bas d'un div avec un scrollbar
    bonjour à tous

    je suis en train de réaliser un mini-tchat en ajax
    j'affiche au fur et à mesure tout ce qui est dit dans un div qui possède des scrolls (horizontal et vertical)
    le problème c'est que lorsque quelqu'un rajoute une phrase le scroll ne descend pas afin de voir la dernière phrase rajouter
    voici mon div ainsi que le css qui lui ai affecté

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <div class="tchat" id="tchat"></div>
     
    .tchat
    {
    	border:1px solid lightgrey;
    	color:#000000;
    	height:200px;
    	overflow:scroll;
    	text-align:left;
    	width:600px;
    	background:#55F3FE;
    	bottom:0px;
    }
    merci de votre aide
    Pour voir qu'il fait noir, on n'a pas besoin d'être une lumière

  2. #2
    Membre régulier Avatar de kernigansnotdead
    Homme Profil pro
    Traducteur technique anglais > français indépendant
    Inscrit en
    Septembre 2005
    Messages
    77
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Traducteur technique anglais > français indépendant

    Informations forums :
    Inscription : Septembre 2005
    Messages : 77
    Points : 73
    Points
    73
    Par défaut
    Bonjour,

    il est très possible que ton problème soit juste lié à l'odre dans lequel t'utilise le scrollbar et div, mais le mieux est de poster cette partie la du code ou t'affiche le scroll avec le div

    KND

  3. #3
    Membre actif
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Points : 209
    Points
    209
    Par défaut
    Ca m'intéresse tien de connaitre la solution!
    Mais le problème ne vient pas de ton css. Peut être en javascript ?
    Si quelqu'un à la réponse

  4. #4
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Points : 537
    Points
    537
    Par défaut
    Salut,

    Le mieux, pour ça, c'est de mettre une ancre avec un label et d'appeler la page avec l'ancre en paramètre.

    page.html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    ...
    <div id="machin">
    ...
    du code
    ...
    <a name="ici" />
    </div>
    et pour aller en bas du div : appeler la page comme ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="page.html#ici" title="aller en bas du div machin de la page page.html">aller en bas du div machin de la page page.html</a>

  5. #5
    Membre actif
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Points : 209
    Points
    209
    Par défaut
    Ha oui, c'est tout bête ^^

  6. #6
    Membre régulier Avatar de kernigansnotdead
    Homme Profil pro
    Traducteur technique anglais > français indépendant
    Inscrit en
    Septembre 2005
    Messages
    77
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Traducteur technique anglais > français indépendant

    Informations forums :
    Inscription : Septembre 2005
    Messages : 77
    Points : 73
    Points
    73
    Par défaut
    Pourquoi pas

Discussions similaires

  1. Se positionner en bas d'une div pour rajouter ours
    Par epeichette dans le forum jQuery
    Réponses: 2
    Dernier message: 26/04/2011, 15h42
  2. Réponses: 2
    Dernier message: 24/05/2009, 23h23
  3. pb positionnement en bas d'une div
    Par bogsy15 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/07/2006, 14h27
  4. positionner un bloc <p> tout en bas d'une div
    Par barok dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 18/04/2006, 13h37
  5. Positionner le scroll d'un div toujours en bas.
    Par barok dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/08/2005, 12h17

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