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 :

overflow: auto + position: absolute


Sujet :

Positionnement en CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Par défaut overflow: auto + position: absolute
    Bonjour.

    Je n'arrive pas à avoir dans un calque "X" avec des barres de défilements (div + overflow) un autre calque qui se superpose aux autres quitte à déborder du calque "X".
    Et j'ai vraiment besoin que ce calque passe par dessus le calque "X".

    Dans l'illustration ci-jointe vous verrez en rouge que le calque (pourtant en position absolue) qui devrait se superposer à tous les autres, reste inclus dans le calque "X".

    Une démo de la page à cette adresse : http://www.mygolfevents.be/test/FlightsBooking.aspx.htm


    Et le CSS qui concerne mon problème :

    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
     
    .Client_FlightsBooking DIV.rpBookable
    {
    	width: 900px;
    }
     
    .Client_FlightsBooking DIV.rpBookable.body
    {
    	z-index: 1;
    	position: relative;
    	height: 500px;
    	overflow: auto;
    }
     
    .Client_FlightsBooking TABLE.rpBookable .Basket 
    {
    	position: relative;
    	overflow: visible;
    	width: 10px;
    	height: 100%;
    	margin: auto;	
    	z-index: 1;
    }
     
    .Client_FlightsBooking TABLE.rpBookable .Basket > DIV
    {
    	position: absolute;
    	width: 300px;
    	height: 200px;
    	top: 0px;
    	left: -145px;
    	background-color: White;
    	border: 2px solid black;
    	z-index: 2;
    }
    J'espère que quelqu'un saura m'aider.
    Images attachées Images attachées  

Discussions similaires

  1. Position absolute au dessus d'une div parente avec un overflow auto
    Par powereborn dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/02/2012, 19h18
  2. probleme overflow : auto
    Par cedre22 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 23/02/2006, 11h41
  3. [CSS] défi avec position absolute et relative
    Par pmartin8 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 30/11/2005, 18h15
  4. [HTML/CSS] position absolute et centrage
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/08/2005, 11h11

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