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 :

Positionnement flottant de tableaux sur une page


Sujet :

Positionnement en CSS

  1. #1
    Membre averti Avatar de linar009
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    497
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Juillet 2006
    Messages : 497
    Points : 323
    Points
    323
    Par défaut Positionnement flottant de tableaux sur une page
    Bonjour,

    J'ai un petit souci de positionnement d'un block sur une page.
    En fait, j'affiche un block contenant un tableau et un second juste en dessous.
    Lors du scroll de la page je m'arrange pour que le premier tableau soit toujours visible en haut de la page(afin d'avoir toujours les informations de ce tableau même lorsqu'on se trouve au bas de la page).
    Mon souci est que lorsque je supprime dynamiquement (via AJAX) des lignes de mon second tableau, le scroll s'ôte (logique puisque tout le contenu tient sur la page) et par conséquent mon premier block tableau reste affiché en plein milieu de la page (avouez que c'est gênant pour la lisibilité de la page).
    Je voudrais alors pouvoir "accrocher" mon premier block tableau au haut de la page tout en le laissant suivre le scroll comme je vous ai indiqué...

    Merci par avance.

    PS: remarquez que le phénomène (du tableau restant au milieu de la page) se produit également lors du redimensionnement de la fenêtre de l'explorateur...

  2. #2
    Membre habitué
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Points : 199
    Points
    199
    Par défaut
    Alors si j'ai bien compris tu veux que ton tableau soit tout le temps visible.

    Dans cecas utilise la position fixed. Ton bloc sera coller en hat de la page (ou a gauche, a droite etc.) et meme quand tu utilisera la barre de scroll il sera la.

  3. #3
    Membre averti Avatar de linar009
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    497
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Juillet 2006
    Messages : 497
    Points : 323
    Points
    323
    Par défaut
    Génial!
    J'avais pas du tout pensé à fixed...
    Ca fonctionne comme je le souhaitais.
    Merci bien <romain/>.

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 890
    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 890
    Points : 16 337
    Points
    16 337
    Par défaut
    position:fixed ne fonctionne que sur Firefox, au passage.

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

Discussions similaires

  1. [Displaytag] trier plusieurs tableaux sur une page
    Par Kieda dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 03/06/2008, 12h07
  2. Réponses: 3
    Dernier message: 06/12/2006, 10h04
  3. [Débutant] Deux tableaux sur une page
    Par rockelite dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 2
    Dernier message: 23/09/2006, 14h43
  4. Réponses: 7
    Dernier message: 25/08/2006, 17h31
  5. [Tableaux] Problème d'ajout d'images sur une page
    Par linkman dans le forum Langage
    Réponses: 2
    Dernier message: 29/07/2006, 21h29

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