Bonjour,
Je viens de créer un site internet et j'ai quelques problèmes d'affichage sur les différents navigateurs. Sous Safari, tout est ok. Sous Mozilla, mon image de fond en entete n'apparait pas, comme sous Netscape.
Sous Internet Explorer, les différents éléments se chevauchent.
Je suis novice sur le domaine et je ne sais pas trop comment faire pour résoudre ces problèmes.
Merci de votre aide !
Voilà lecode htlm de la page d'accueil :
Modifié par Perrine02 (10 Jul 2006 - 11:45)
Je viens de créer un site internet et j'ai quelques problèmes d'affichage sur les différents navigateurs. Sous Safari, tout est ok. Sous Mozilla, mon image de fond en entete n'apparait pas, comme sous Netscape.
Sous Internet Explorer, les différents éléments se chevauchent.
Je suis novice sur le domaine et je ne sais pas trop comment faire pour résoudre ces problèmes.
Merci de votre aide !
Voilà lecode htlm de la page d'accueil :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;" lang="fr">
<head>
<title>Cabinet GERYL - Spécialiste en urbanisme
commercial, dossiers CDEC et études de marché</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style title="essai" media="all" type="text/css">
body { margin-top: 0pt;
padding-top: 0pt;
background-color: rgb(240, 231, 215);
height: 100%;
}
.entete { border-style: groove;
border-color: rgb(240, 231, 215);
background-repeat: no-repeat;
height: 100px;
width: 770px;
background-position: left top;
background-image: url(file:///Users/ggopj/Public/PJ%20G4/site_ggo/images/perspclaire.jpg);
}
.contenu { height: 400px;
background-color: rgb(240, 231, 215);
}
.menu { float: left;
background-color: rgb(240, 231, 215);
width: 200px;
}
.centre { font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
margin-top: 50px;
position: relative;
color: rgb(51, 51, 51);
text-align: justify;
background-color: rgb(247, 242, 234);
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
margin-left: 200px;
width: 570px;
margin-right: 10px;
}
.pied { border-style: groove;
border-color: rgb(192, 192, 192);
font-family: Arial,Helvetica,sans-serif;
text-align: center;
font-size: 10pt;
color: rgb(65, 145, 121);
background-color: rgb(204, 204, 204);
font-weight: bold;
padding-top: 5px;
height: 40px;
}
.logo { border: 1px groove rgb(240, 231, 215);
float: left;
}
ul#navlist { margin: 0pt auto 0pt 0pt;
padding: 0pt;
text-align: left;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
width: 70%;
}
ul#navlist li { margin: 0pt;
padding: 0pt;
display: block;
}
ul#navlist li a { border-style: solid;
border-color: rgb(255, 255, 238) rgb(170, 171, 156) rgb(102, 102, 102) rgb(255, 255, 255);
border-width: 1px;
padding: 0.5em 0pt 0.5em 1em;
background: rgb(247, 242, 234) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
display: block;
width: 100%;
text-decoration: none;
color: rgb(102, 102, 102);
}
#navcontainer > ul#navlist li a { width: auto;
}
ul#navlist li#active a { background: rgb(240, 231, 215) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
color: rgb(65, 145, 121);
}
ul#navlist li a:hover, ul#navlist li#active a:hover { border-color: rgb(170, 171, 156) rgb(255, 255, 255) rgb(255, 255, 255) rgb(204, 204, 204);
background: transparent none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
text-decoration: underline;
color: rgb(65, 145, 121);
}
p { font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
text-align: justify;
color: rgb(51, 51, 51);
margin-right: 15%;
}
#global { margin-left: auto;
margin-right: auto;
width: 770px;
}
.contact { color: rgb(65, 145, 121);
}
</style>
</head>
<body>
<div id="global">
<div class="entete"><img
style="width: 197px; height: 53px;" class="logo"
alt="logoggo" src="images/ggo2.jpg"></div>
<div class="contenu">
<div class="menu">
<ul id="navlist">
<li id="active"><a href="#" id="current">Accueil
</a></li>
<li><a href="etudes_marche.html">Etudes de
marché</a></li>
<li><a href="dossier_cdec.html">Dossiers CDEC</a></li>
<li><a href="nos_atouts.html">Nos atouts</a></li>
<li><a href="contact.html">Contactez-nous</a></li>
</ul>
</div>
<div style="width: 552px;" class="centre"><span
style="font-weight: bold;">Bienvenue</span>,
<br>
<br>
Spécialistes des <span style="font-weight: bold;">études
de
marché</span> et des <span
style="font-weight: bold;">dossiers d'urbanisme commercial,</span>
nous
intervenons depuis plus de 20 ans aux côtés
d'acteurs majeurs de la grande distribution.<br>
<br>
Vous avez des <span style="font-weight: bold;">projets de
création</span> ou de
<span style="font-weight: bold;">développement</span>
d'entreprises commerciales ?<br>
<br>
Vous êtes directeurs de magasins, chargés
d'expansion de groupe de distribution, promoteurs,
commerçants indépendants ou
représentants d'une collectivité locale ?<br>
<br>
Nous mettons à votre disposition
l'<span style="font-weight: bold;">expérience</span>
et le <span style="font-weight: bold;">savoir-faire</span>
reconnus d'un <span style="font-weight: bold;">cabinet de
conseil en stratégie de développement</span>.<br>
<br>
N'hésitez pas à <a class="contact"
href="contact.html">nous contacter</a> pour que nous
appronfondissions ensemble vos projets d'expansion. <br>
<br>
<br>
</div>
</div>
<div class="pied">Cabinet Gill Geryl Organisation - 72
quai Duquesne 76200 DIEPPE<br>
</div>
</div>
</body>
</html>
Modifié par Perrine02 (10 Jul 2006 - 11:45)
je bien pas compris avoir
