probleme d'affichage de mon site avec firefox

actiglob

Nouveau WRInaute
bonjour,

j'ai concu un site http://www.nextpublicity.com en utilisant le css. sous IE le site s'affiche tres bien mais sur firefox, il ya un probleme de couleur de backgroud du contenu que tout devient rouge plus un decalage au niveau du div header

merci d'avance pour votre aide.

le fichier html:
------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="image/style.css" />
<style type="text/css">
<!--
.Style2 { color: #616161;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Style7 { color: #FE0C08;
font-weight: bold;
}
-->
</style>
</head>


<body>
<div class="header">
<div class="image-accueil"><div class="logo-menu">
<div class="logo"> </div><div class="menu">
<ul>

<li class="active"><a href="index.html" accesskey="i">Accueil</a></li><li><span class="contenu">l</span><a href="references.html"><strong>R&eacute;f&eacute;rences</strong></a></li>

<li><a href="contact.html" accesskey="r">Contact</a></li>
</ul>
</div>

</div>
<div align="right"><img src="image/accueil.jpg" width="219" height="176" hspace="0" vspace="0" /></div>
</div>
</div>

<div align="center">
<div class="contenu">
<div class="paragraphe"><img src="image/titre-present.jpg" width="302" height="54" />
<h3><span class="Style7">Utiliser Internet pour communiquer est devenu incontournable&hellip;</span></h3><p >
<span class="Style2">Nous vous accompagnons dans cette d&eacute;marche et vous faisons b&eacute;n&eacute;ficier de tout notre r&eacute;seau en ligne.<br />
<br />
Le seul moyen d&rsquo;offrir &agrave; vos campagnes la meilleure rentabilit&eacute;, est de leur offrir la meilleure audience et une tr&egrave;s grande qualit&eacute; de r&eacute;alisation. Next Publicity vous propose d&rsquo;&ecirc;tre diffus&eacute; sur un r&eacute;seau de partenaires s&eacute;lectionn&eacute;s pour une audience importante et un grand nombre de visiteurs uniques par mois.<br />
<br />
Avec un outil de gestion professionnel de vos campagnes, une connaissance parfaite du march&eacute;, de ses tendances et de son fonctionnement, nous vous offrons le meilleur moyen de toucher votre cible au meilleur co&ucirc;t.</span></p>
</div>
<div class="flash-menu"> <br />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="410">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="410"></embed>
</object>
</div>
</div>
</div>


<div class="grix-bas-footer"></div>
<div class="blanc-bas-footer">
<div align="center"></br>
Copyright © Next Publicity 2008 . All Right Reserved
<div class="bas-flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="90" height="50">
<param name="movie" value="image/sound.swf" />
<param name="quality" value="high" />
<embed src="image/sound.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="90" height="50"></embed>
</object>
</div></div>

</div>
</body>
</html>
-----------------------------------------------------------------------------------------------

fichier css:
-----------------------------------------------------------------------------------------------

body{
scrollbar-arrow-color:FF0000;
scrollbar-track-color:FFFFFF;
scrollbar-shadow-color:990000;
scrollbar-face-color:00CC00;
scrollbar-highlight-color:CCCCCC;
scrollbar-darkshadow-color:666666;
scrollbar-3dlight-color:FF0000;
background-color: #ff0000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
h3 {
color: #fe0c08;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
margin: 0 0 0 0;
padding: 10px 0px 0px 0px;
}
div.arr-h-blanc {
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
height: 200px;
width:100%;
background-color: #fff;
}
div.header {
margin: 0px 0;
padding: 0px 0 0 0;
width:100%;
height: 176px;
background: #fff;
}
div.logo-menu{
float: left;
padding: 0px 0 0 0px;
margin: 0px 0 0 ;
width: 60%;
background: #fff;
}
div.logo {
float: left;
width: 221px;
height: 142px;
background: #fff url(logo.jpg) no-repeat;
padding: 0 0 0 0px;
margin: 0px 0 0 30px;
}
.menu {
clear: both;
display:inline;
font-size: 1.1em;
height: 30px;
width:320px;
color: #fe0c08;
float: right;
padding: 0 0 0 0px;
margin: 0px 0;
}

.menu li {
margin: 90px 0 0 0px;
padding: 7px 12px 5px 12px;
color: #fff;
float: left;
}

.menu li.active {
color: #fe0c08;
font-weight: bold;
padding: 7px 10px 6px 10px;
}

.menu li a {
font-weight: bold;
color: #fe0c08;
background: inherit;
text-decoration: none;
}

.menu li a:hover {
color: #fff;
background:#fe0c08;
border:8px #fe0c08 dashed;
}

div.bande-blanc-droit-h {
margin: 0 0 0 3.4%;
width:900px;
height: 30px;
padding:0 0 0 0;
background: url(bande-h.jpg);
background-repeat:repeat-y;
}
div.contenu{
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
height:100%;
width:730px;
background-color: #fff;
}
div.paragraphe{
float: left;
width: 390px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 10px 0 0 0;
margin: 0 0 0 5px;
height: auto;
line-height: 2.2em;
text-align:justify;
}
div.flash-menu{
float: right;
width: 300px;
}

div.footer{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
height: 80px;
}
div.logo-res-bas{
float: left;
width: 700 px;
padding: 10px 0 0 0;
margin: 0 0 0 5px;
background: #fff;
}
div.grix-bas-footer{
margin-top: 0px;
text-align:center;
margin-bottom: 0px;
padding-left: 0px;
height: 7px;
background-color: #c0c0c0;
}
div.blanc-bas-footer{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
height: 70px;
width:100%;
background-color: #fff;
}
div.bas-flash {
float: right;
width:100px;
height:40px;
margin-top:0px;
padding:0 0 0 0;
}

div.contenu-contact{
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
height:450px;
width:770px;
background-color: #fff;
}
div.form-contact{
float: right;
width: 460px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 0;
margin: 0 0 0 10px;
height: auto;
line-height: 2.2em;
text-align:justify;
}
div.img-contact{
float: left;
padding: 0 0 0 15px;
width: 280px;
}
-----------------------------------------------------------------------------------
j'attends votre feedback

cordialement

actiglob
 

bproductiv

WRInaute accro
en général on tache de bosser sous firefox ou opéra qui respecte les standards puis on passe sous ie.
Mais là vu le nombre d'erreurs...
 

Discussions similaires

Haut