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 :

CSS sous IE7


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Février 2006
    Messages
    68
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 68
    Par défaut CSS sous IE7
    Bonjour à tous

    j'ai créé un site web qui fonctionne sur tous les navigateurs, sauf la version 7 d'Internet Explorer. Et j'ai beau chercher, je ne comprend pas pourquoi. Je vous poste le code et j'explique mon problème :

    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
    16
    17
     
    <div id="hdr">
     
    	<div id="left">
    		<ul>
    			<li class="bleu"><a href="la martiniere en bleu/bleu.html"><br />
    				<span class="comment">Accès au site en bleu</span></a>
    			</li>
    			<li class="rouge"><a href="la martiniere en rouge/rouge.html"><br />
    				<span class="comment">Accès au site en rouge</span></a>
    			</li>
    				<li class="vert"><a href="la martiniere en vert/vert.html"><br />
    			<span class="comment">Accès au site en vert</span></a></li>
     
    		</ul>
    	</div> 
    </div>

    Les class "verte", "rouge", et "bleu" doivent être plasser selon mon fond d'ecran.

    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
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
     
    #hdr {
    width: 800px;
    height: 558px;
     
    margin-left: auto;
    margin-right: auto;
    background-image: url(../pagedegarde2.JPG);
    background-repeat: no;
    }
    #left ul {   
    margin: 33px 0 0 0; 
    list-style: none;
    padding: 0;
    width: 160px
    }
     
    #left li {
    border: 0;
    padding: 0;
    margin: 0;
    display: inline /* fix for IE 5 & 6 */
    }
     
     
     
    #left li.rouge {
    position:absolute;
    top:290px;
    margin-left:100px;
    }
    #left li.vert {
    position:absolute;
    top:400px;
    margin-left:430px;
    }
    #left li.bleu {
    position:absolute;
    top:120px;
    left:220px;
    margin-left:400px;
    }
    #left a {  
    display: block;
    border: 0;
    padding: 3px;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: 3px;
    width: 150px;
    height: 100px;
    }
    #left a:hover, #left a:active { 
    padding-left: 10px;
    color: #EEAB36;
    background-position: 0% 25%;
    background-color: #444444;
     
    margin-left:auto;
    margin-right:auto;
     
    }
     
    #left span.comment {  
    margin: 0;
    padding: 0;
    color: #444444;
    font-size: 10px;
    background: none;
    letter-spacing: 0;
    visibility: hidden
    }
     
     
    #left a:hover span.comment  { 
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 10px;
    background: none;
    letter-spacing: 0;
    visibility: visible
    }

    J'ai entendu parler de rajouter "*+html" devant mes balises pour pouvoir modifier seulement sous IE7, seulement je ne vois pas comment modifier mon code. Si vous voulez voir le site :

    -- ICI --

    Je vous remercie d'avance.

  2. #2
    Membre confirmé
    Inscrit en
    Février 2006
    Messages
    68
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 68
    Par défaut
    J'ai trouvé, il suffit d'enlever ..
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    margin-left:auto;
    margin-right:auto;
    .. dans mon code

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

Discussions similaires

  1. Réponses: 6
    Dernier message: 16/11/2009, 10h30
  2. Problème avec plusieurs scripts et CSS sous IE6 et IE7
    Par Paul75 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 02/12/2008, 19h30
  3. Problème d'affichage d'un menu css sous IE6 et IE7
    Par TomTom71 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 06/06/2008, 09h27
  4. menu CSS ne fonctionne pas sous IE7
    Par Sniper37 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 03/08/2007, 10h14
  5. Problème avec un menu css sous IE7
    Par sevenweb dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 04/06/2007, 13h31

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