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 :

Problème CSS / z-index


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 101
    Par défaut Problème CSS / z-index
    Bonsoir à toutes et tous !

    Voilà mon problème, et j'espère que vous allez m'aider

    J'ai un tableau principal qui englobe tout mon site :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .tabGeneral{
    	position:absolute;
    	width:956px;
    	margin-left: auto;
    	margin-right: auto;
    	padding: 0 0 0 0;
    	z-index:1;
    }
    et je souhaite superposer un petit tableau par dessus, qui se positionnerait par rapport au bord du tableau principal :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .tabRech{
    	position:absolute;
    	overflow: auto;
    	z-index:2;
    	background-color:#FF0000;
    	width:300px;
    	left: 350px;
    	top: 0px;
    }
    mais cela ne marche pas, malgré plusieurs essais, les valeur left et top prennent en compte le bord du navigateur et non du tableau.

    Comment faire ?

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    dans le cas d'un positionement absolu, le bloc positioné sort du flux et est positionné par rapport à la page entière et non plus par rapport à son contenant ou à son prédécesseur...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 101
    Par défaut
    oui .. ok, donc comment faire ce que je souhaite ? je ne le sais pas

  4. #4
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    là j'avoue que je ne sais pas trop... peut-être en le passant en flottant (à tester, je garantit pas), ou en te résignant à le positionner par rapport au navigateur...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  5. #5
    Membre chevronné
    Avatar de ilood
    Inscrit en
    Mars 2005
    Messages
    468
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 468
    Par défaut
    Salut

    Et en mettant ton tabGeneral en position relative ?

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 101
    Par défaut
    non, en mettant les deux en relatif cela ne fonctionne pas non plus

Discussions similaires

  1. [css et php] problème de z-index à générer à la volée
    Par Christophe93250 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/03/2007, 13h21
  2. CSS problème avec z-index sous mozilla
    Par stringdrid dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 16/05/2006, 09h59
  3. [CSS]Problème de z-index
    Par Pill_S dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/02/2006, 20h03
  4. Problème CSS et Internet Explorer
    Par polo-j dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/05/2005, 11h44
  5. problème css avec :focus
    Par dervish dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 28/09/2004, 16h18

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