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 :

décallage menu en "absolute" sous IE6 [CSS 2]


Sujet :

CSS

  1. #1
    Membre actif

    Profil pro
    Inscrit en
    novembre 2002
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2002
    Messages : 310
    Points : 204
    Points
    204
    Par défaut décallage menu en "absolute" sous IE6
    Bonjour
    J'essaye de faire une page toute bête avec un menu et une partie pour le contenu :
    http://www.noelshack.com/uploads/160...age1081915.PNG
    Ceci est l'aperçu de ce que je veux avoir. Actuellement ça fonctionne sous Firefox et Opera mais pas du tout sous IE 6...

    Aperçu sous IE 6 :
    http://www.noelshack.com/uploads/160...geIE095404.PNG

    Comme vous pouvez le voir, mon menu se superpose avec ma partie pour le contenu... J'ai sans doute fait un truc à ne pas faire, mais pourquoi est ce que mon menu se superpose? Mon menu est-il pas censé se placer tout à gauche du div qui l'englobe, étant donné qu'il est en absolute?

    Merci d'avance

    Mon code HTML :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fr">
    <head>
    <title>Titre</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="style2.css" />
    </head>
    <body>
    <div id="contenu">
    	<div id="gauche">Home<br />Contact<br />Etc<br /></div>
    	<div id="droite">le contenu de la page.............<br />le contenu de la page.............<br /></div>
    </div>
    </body>
    </html>

    Mon code CSS :
    Code CSS : 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
    #contenu {
    	margin-left:auto;
    	margin-right:auto;
    	width:900px;
    	background-color:green;
    	border:1px solid blue;
    }
     
    #gauche {
    	width:150px;	
    	position:absolute;
    	background-color:green;
    	border:1px solid yellow;
    }
     
    #droite {
    	margin-left:154px;
    	background-color:red;
    	height:500px;
    	border:1px solid white;
    }

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Bonsoir,

    Attribue un left:0 à ton menu, les valeurs de top/right/bottom/left appliquées par défaut sur les éléments en absolue différent d'un navigateur à l'autre.
    Je ne réponds pas aux questions techniques par MP.

  3. #3
    Membre actif

    Profil pro
    Inscrit en
    novembre 2002
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2002
    Messages : 310
    Points : 204
    Points
    204
    Par défaut
    Merci.

    Ca donne ceci :
    http://www.noelshack.com/uploads/160...eIE2019149.PNG

    Le menu sort carrément du bloc div, et la même chose se produit avec firefox

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Il manque un position:relative sur #contenu pour qu'il soit le référent de ses enfants en absolute.
    Je ne réponds pas aux questions techniques par MP.

  5. #5
    Membre actif

    Profil pro
    Inscrit en
    novembre 2002
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2002
    Messages : 310
    Points : 204
    Points
    204
    Par défaut
    Youpi ça marche, que ce soit sous IE ou sous Firefox ou Opera

    Merci infiniment

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

Discussions similaires

  1. Menu deroulant ne marche pas sous IE6
    Par gaya102 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 20/06/2009, 10h13
  2. Menu gauche qui va à droite sous IE6
    Par yiuche dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/01/2007, 15h21

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