Sujet Précédent Sujet Suivant

Probleme d'affichage sur IE

Résolu/Fermé
ZADIG67 Messages postés 118 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 30 avril 2014 - 30 oct. 2008 à 13:49
ZADIG67 Messages postés 118 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 30 avril 2014 - 7 nov. 2008 à 18:20
Bonjour,

Toujours entrain de me battre avec la création de mon site(hum!)...cela avance quand même car tout est OK sur Firefox mais pas OK sur IE dernière version. Je vous mets ci dessous la feuille de style qui est correcte avec Firefox

/*ceci est un fichier CSS appelé "freddy.css"*/

body {
margin: 0;
padding: 0;
background-color: #e6ecf8;
}

p {margin: 0 0 10px 0;}

#header
{
height: 90px;
background-image: url("images/headernature.jpg");
background-repeat: no-repeat;
}
#haut
{
height: 30px;
background-color: #4aea86;
}

#conteneur {
position: absolute;
width: 100%;
}
#centre {
background-color: #e6ecf8;
margin-left: 160px;
margin-right: 160px;
}
#gauche {
float: left;
width: 150px;
background-color: #f5e5f9;
}
#droite{
float: right;
width: 150px;
background-color: #f5e5f9;
}
#pied
{
clear: both;
height: 80px;
background-color:#b8dac4;
}


.menugauche
{
border: 3px;
border-style: outset;
color: #9400d3;
font-family: Comic Sans Ms, "Arial Black", "Times New Roman", Arial, serif, Times;
font-size: 80%;
margin: 0;
padding:0;
width: 140px;
height: auto;
background-color:#f5e5f9;
list-style: none;
}
.menugauche h5
{
margin: 0;
padding: 3px;
width:134px;
height: 25px;
text-align: center;
vertical-align: middle;
font-size: 120%;
font-family: Comic Sans Ms, "Arial Black", "Times New Roman", Arial, serif, Times;
color: #ffffff;
background-color: #8b008b;
}


.menugauche ul
{
background-color: #00efb5;
list-style: none;
text-decoration: none;
padding: 0px;
padding-left: 10px;
margin: 0px;
margin-bottom:0px;
}
.menugauche a
{
font-family: Comic Sans Ms, "Arial Black", "Times New Roman", Arial, serif, Times;
font-size: 100%;
text-align: center;
text-decoration: none;
color: #100929;
}
.menugauche a:hover
{
background-color: #f5e5f9;
color: #100929;
}

.menudroit
{
border: 3px;
border-style: outset;
color: #9400d3;
font-family: Comic Sans Ms, "Arial Black", "Times New Roman", Arial, serif, Times;
font-size: 80%;
margin-right: 0;
margin-top: 0;
padding:0;
width: 140px;
height: auto;
background-color:#f5e5f9;
list-style: none;
}
.menudroit h5
{
margin: 0;
padding: 3px;
width:134px;
height: 25px;
text-align: center;
vertical-align: middle;
font-size: 120%;
font-family: Comic Sans Ms, "Arial Black", "Times New Roman", Arial, serif, Times;
color: #ffffff;
background-color: #8b008b;
}
.menudroit ul
{
background-color: #00efb5;
list-style: none;
text-decoration: none;
padding: 0px;
padding-left: 10px;
margin: 0px;
margin-bottom:0px;
}
.menudroit a
{
font-family: Comic Sans Ms, "Arial Black", "Times New Roman", Arial, serif, Times;
font-size: 100%;
text-align: center;
text-decoration: none;
color: #100929;
}
.menudroit a:hover
{
background-color: #f5e5f9;
color: #100929;
}

Et le fichier Html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Nature-Jardins.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="freddy1" href="freddy1.css">
</head>
<body>

<div id="conteneur">

<div id="header">
<img src="images/headernature1.jpg" alt="Protegeons la Nature"/>
</div>
<div id="haut">

</div>
<!--Nous construisons le menu gauche-->
<div id="gauche">
<div class="menugauche">
<h5>generalites</h5>
<ul>
<li><a href="Le sol.html">Le sol</a></li>
<li><a href="Les mauvaises herbes.html">Les mauvaises herbes</a></li>
<li><a href="Les insectes.html"> les insectes</a></li>
<li><a href="les rongeurs.html"> Les rongeurs</a></li>
<li><a href="Les maladies.html"> Les maladies</a></li>
<li><a href="Les traitements Bio.html">Les traitements Bio</a></li>
</ul>
</div>
<br/>
<div class ="menugauche">

<h5>Le potager</h5>
<ul>
<li><a href="Generalites.html"> Generalites</a></li>
<li><a href= "Outillage.html"> Outillage</a></li>
<li><a href="Fiches techniques.html"> Fiches techniques</a></li>
<li><a href= "Calendrier du potager.html"> Calendrier</a></li>
</ul>

</div
</div>

<div id="droite">
<div class="menudroit">
<h5>La multiplication</h5>
<ul>
<li><a href="Le semis.html"> Le semis</a></li>
<li><a href="Le bouturage.html"> Le bouturage</a></li>
<li><a href="Le marcottage.html"> Le marcottage</a></li>
<li><a href="Division de touffes.html"> Division de touffes</a></li>
<li><a href="Multiplcation IN Vitro.html"> Multiplication In Vitro</a></li>
<li><a href="Le greffage.html"> Le greffage</a></li>
</ul >
</div>
<br/>
<div class="menudroit">
<h5>La taille</h5>
<ul>
<li><a href="Outllage.html"> Outillage</a></li>
<li><a href="Generalites"> generalites</a></li>
<li><a href="Les fruitiers.html"> Les fruitiers</a></li>
<li><a href="Les arbustes.html"> Les arbustes</a></li>
<li><a href="Les arbres.html"> Les arbres</a></li>
</ul>
</div>
</div>
<div id="centre">
<p>
J'espère que vous allez adorer lire ces pages consacrées à la Nature car nous parlerons de jardins potagers et de jardins d'agréement.
</p>
<h2>A qui s'adresse ce site</h2>
<p>
A tout le monde bien sur mais en particulier à ceux qui ont de l'interet et qui aiment la nature.
</p>
</div>
<div id="pied">
<p>
copyright "ZADIG67 corporation" 2008, tous droits réservés.
</p>
</div>
</div>
</body>
</html>


Vous verrez ce que cela donne sur IE

MERCI DE M'AIDER
ZADIG67

2 réponses

Réponse 1 / 2
vc_41 Messages postés 69 Date d'inscription dimanche 13 mai 2007 Statut Membre Dernière intervention 23 septembre 2010 3
31 oct. 2008 à 00:06
Salut,
Pou regler se problême j'utilise se script qui me premet de refaire une page css (en refaissent une mise en page ) et cette feuille css s'ouvrira quand les utlisateur irons sur ton site avc IE


tu mets sa après body 

<!--[if IE]> <link rel="stylesheet" type="text/css" href="designie.css" /> <![endif]-->




j'ai donc une feuille css par default et une autre designie.css pour IE

Voila

++
0
Réponse 2 / 2
ZADIG67 Messages postés 118 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 30 avril 2014
7 nov. 2008 à 18:20
Bonjour

j'ai fais valider par W3C et il m'ont dit que le script était bon, je n'y comprends rien! je l'ai mis en ligne, je te donnes le lien, essais pour voir avec Mozilla et IE tu vas voir. Essais de m'expliquer SVP

http://www.nature-jardins.com

Merci d'avance
ZADIG67
0

Discussions similaires

adele
marine carnet-pantier -
irongege -

2 réponses
Prélèvement Google Ireland Limited
jaffa1961 -
Minette135 -

34 réponses
Facture de google 380€ !
Misternet -
okapi -

61 réponses
Arnaque frauduleuse Ireland ltd
Mymy -
mel -

4 réponses
arnaque cb google sur mon compte bancaire
patooun -
samgunsjovirow -

1 réponse