Compatibilité IE
ricocorto
Messages postés
50
Date d'inscription
Statut
Membre
-
Brachior Messages postés 616 Statut Membre -
Brachior Messages postés 616 Statut Membre -
Bonjour,
J'ai crée une page qui passe bien sous FF mais chez IE les texte se retrouve sous les photos
Voila l'adresse : http://publenoroit.com
Que dois je ajouté ?
html :
le css :
Merci a plus
J'ai crée une page qui passe bien sous FF mais chez IE les texte se retrouve sous les photos
Voila l'adresse : http://publenoroit.com
Que dois je ajouté ?
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>Pub "Le Noroît" à Port Tudy - Ile de Groix</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="nono.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<ul id="nav">
<li><a href="index.htm">Accueil</a></li>
<li><a href="equi.html">L'équipage</a></li>
<li><a href=".html">Contact</a></li>
<li><a href=".html">Plan</a></li>
<li><a href=".html">Livre d'or</a></li>
</ul>
</div>
<div id="conteneur">
<h1 style="color:#4EB2E7">Bienvenue au Noroît</h1>
<!--<p>Ouvert tous les jours de 18h à 1h, l'équipage du Noroît vous attend.</p>-->
<div id="bar">
</div>
<div id="foto">
</div>
<div id="foto1">
</div>
<div id="bar1">
</div>
<p>Pub "Le Noroît" à Port Tudy, Ile de Groix, 56590.</p></br>
<p>N° de siret : 56788 76889 13</p></br>
<p>L'abus d'alcool est dangereux pour la santé. A consommer avec modération.</p>
</div>
</body>
</html>
le css :
body
{
background-color:#BABEBF;
}
#en_tete
{
width: 900px;
height: 150px;
margin-bottom: 0px; /*Montrer une separation en_tete / corp */
margin-left: auto;
margin-right:auto;
background: url("ima/loggo.gif");
}
#menu
{
width: 900px;
height: 50px;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right:auto;
background: url(ima/menu.gif);
}
#nav
{
text-align: left;
list-style: none ;
margin: 0 ;
padding: 10px ;
}
#nav li
{
background:black;/*couleur de fond*/
color: black;
margin-right: 1px ;
display: inline ;
}
#nav li a
{
background: white;
color: black;
font: 1em "Comic Sans MS","Arial Black",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 20px ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active
{
background: #F2E8E8 ;
text-decoration: none ;
}
#conteneur
{
width: 900px;
height: 600px;
margin-top: 0px;
margin-bottom: 1px; /*Montrer une separation en_tete / corp */
margin-left: auto;
margin-right:auto;
background-color: white;
/*border:1px solid white;*/
}
#bar
{
width: 750px;
height: 20px;
margin-top: 0px;
margin-bottom: 1px; /*Montrer une separation en_tete / corp */
margin-left: auto;
margin-right:auto;
background:url(ima/menu1.gif);
}
#foto
{
width: 300px;
height: 220px;
position:absolute;
top:300px;
left:300px;
border: 1px solid grey;
background:url(ima/bb.jpg);
}
#foto1
{
width: 300px;
height: 220px;
position:absolute;
top:300px;
left:660px;
border: 1px solid grey;
background:url(ima/boite.jpg);
}
#bar1
{
width: 750px;
height: 20px;
margin-top: 260px;
margin-bottom: 1px; /*Montrer une separation en_tete / corp */
margin-left: auto;
margin-right:auto;
background:url(ima/menu1.gif);
}
h1
{
color: black;
text-align:center;
margin-top: 0px;
font: 2em "Arial Black",Arial,sans-serif ;
}
p
{
color: black;
text-align:center;
font: 1em "Arial Black",Arial,sans-serif ;
}
img
{
margin:0;
padding:0;
}
Merci a plus
Configuration: Windows XP Firefox 2.0.0.14
