Problème avec IE
Publié : 05 févr. 2008, 21:18
Bonsoir,
j'ai un problème avec IE: mes div se marchent dessus alors que ça marche avec Firefox. Je suis débutant et je ne comprends par la raison mais l'apparence des polices à l'air différente sur les deux navigateurs.
page html
fichiers CSS
Merci d'avance pour votre aide[/code]
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
j'ai un problème avec IE: mes div se marchent dessus alors que ça marche avec Firefox. Je suis débutant et je ne comprends par la raison mais l'apparence des polices à l'air différente sur les deux navigateurs.
page html
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Windows (vers 6 November 2007), see www.w3.org">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>
jumeaux_index
</title>
<link title="jumeaux_styles" rel="stylesheet" href="JumeauxStyles.css" type="text/css">
</head>
<body>
<div id="conteneur">
<img class="imagegauche" style="width: 150px; height: 211px;" alt="logo" src="apjcv_logo_ORANGE.jpg"><br>
<h1 id="title">
ASSOCIATION DES PARENTS DE JUMEAUX, TRIPLES OU PLUS DU CANTON DE VAUD
</h1>
<div id="menu">
<ul>
<li>
<a href="index.php">accueil</a>
</li>
<li>
<a href="modele.php">informations</a>
</li>
<li>
<a onfocus="amenu:hoover" href="home.php">photos</a>
</li>
<li>
<a href="home.php">gazette</a>
</li>
<li>
<a href="home.php">bibliothèque</a>
</li>
<li>
<a href="index.php">matériel</a>
</li>
<li>
<a href="home.php">manifestations</a>
</li>
<li>
<a href="home.php">liens</a>
</li>
</ul>
</div>
<div id="content">
<h2 id="soustitre">
Qui sommes-nous ?
</h2>
<p id="texte">
<img class="imagetextdroite" alt="img1" src="annegeddes.jpg" hspace="20" vspace="20">Tous les parents et
futurs parents de jumeaux, triplés ou plus, se retrouvent dans d'innombrables domaines en face de situations
inconnues. Des questions sur la grossesse, l'accouchement, les soins, l'allaitement et l'éducation doivent
trouver de nouvelles réponses puisqu'elles ne concernent pas un mais deux enfants, voire plus. <br>
L'Association des Parents de Jumeaux Triplés et Plus du Canton de Vaud - <span>APJCV</span> - a été créée par
des mamans de jumeaux en 1998 afin de vous aider à vivre le mieux possible ces situations particulières. Elle
s'efforce de répondre à toutes vos questions et si nécessaire, vous oriente vers les personnes ou organismes
susceptibles de vous aider au mieux. L'association est à votre écoute et vous apporte, dans la mesure de ses
possibilités, son soutien en cas de soucis ou difficultés. <br>
</p>
</div>
<div id="footer">
<p>
Adresse: APJCV, Case postale 31 , 1030 Bussigny - contact
</p>
</div>
</div>
</body>
</html>
Code : Tout sélectionner
/* Generated by KaZcadeS */
text {font:MS Trebuchet, arial, sans};
#conteneur {
border-style: solid solid none;
border-color: #330033;
border-width: 1px;
width: 80%;
margin-left: 10%;
background-color: #ffffff;
}
#header {
padding-bottom: 35px;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
margin-top: 0;
padding-top: 10px;
margin-left: 0;
margin-right: 0;
background-color: #d5d7d6;
}
#content {
border-style: double none none double;
border-color: #3366ff;
border-width: 3px 2px 2px 3px;
margin: 0 0 0px 200px;
background-color: #ccffff;
}
#title {
border: none;
margin: 20px 30px 0px 240px;
color: #3366ff;
font-size: 2.5em;
line-height: 1.5;
font-style: normal;
text-align: center;
font-family: Trebuchet MS;
background-color: #30ceab;
opacity: 1;
}
#menu {
width: 200px;
background-color: #30ceab;
float: left;
margin-top: 0px;
margin-left: 0;
}
#footer {
background-color: #3d39ff;
font-family: Trebuchet MS;
color: #ffffff;
text-align: center;
clear: none;
margin-top: 0;
width: 80%;
position: absolute;
}
#texte {
border-style: none;
color: #3333ff;
background-color: #ccffff;
margin-left: 10px;
margin-right: 10px;
font-size: 1em;
font-family: Trebuchet MS;
font-weight: bold;
line-height: 1.3em;
text-align: justify;
}
#soustitre {
color: #cc66cc;
margin-left: 30px;
font-style: italic;
font-family: Palatino Linotype;
}
.imagetextdroite {
margin-left: 20px;
float: right;
}
#menu ul {
list-style-type: none;
text-decoration: none;
font-family: Trebuchet MS;
font-size: 0.8em;
text-transform: uppercase;
}
#menu li {
margin-top: 4px;
}
#menu ul li a {
padding: 3px 3px 10px 5px;
display: block;
text-decoration: none;
color: #000000;
background-color: #ffccff;
width: 145px;
}
#menu ul li a:hover {
background-color: #ff0000;
color: #ffffff;
}
#menu ul ul {
text-decoration: none;
list-style-type: none;
text-transform: uppercase;
}
#menu ul ul li {
margin-top: 4px;
}
#menu ul ul li a {
color: #000000;
text-decoration: none;
background-color: #ffddfc;
display: block;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
width: 105px;
}
#menu ul ul li a:hover {
background-color: #ff6666;
}
#header_white {
background-position: center;
opacity: 1;
height: 224px;
margin-right: 20px;
margin-left: 226px;
background-color: #ffffff;
}
#bouton_contact {
width: 100px;
display: block;
margin-left: 400px;
background-color: #33ff33;
}
#text_footer {
font-family: Trebuchet MS;
font-size: 0em;
background-color: #3d39ff;
}
#image_header {
height: 120px;
margin-top: 20px;
width: 700px;
}
#liste_contenu {
border: 3px double #3366ff;
margin-left: 40px;
line-height: 1.5em;
font-family: Arial,Helvetica,sans-serif;
margin-right: 40px;
background-color: #ccffff;
margin-bottom: 40px;
height: 150px;
overflow: auto;
}
.imagegauche {
padding-left: 5px;
margin-top: 0;
}
.span {
font-family: Arial,Helvetica,sans-serif;
color: #ff6666;
}
span {
font-family: Arial,Helvetica,sans-serif;
color: #ff6666;
}
#logo {
border: none;
float: left;
margin-left: 30px;
}
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
J'ai tellement de b..... dans mes répertoires 
Voilà les bonnes versions:
et la correction de la faute: je ne trouvais pas le É 
J'ai repensé mon projet et, en fonction des autres pages que je pense réaliser, je vais redesigner mon histoire en faisant:
ou directement me la descendre avec des arguments frappants 
. 
: