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éfé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…</span></h3><p >
<span class="Style2">Nous vous accompagnons dans cette démarche et vous faisons bénéficier de tout notre réseau en ligne.<br />
<br />
Le seul moyen d’offrir à vos campagnes la meilleure rentabilité, est de leur offrir la meilleure audience et une très grande qualité de réalisation. Next Publicity vous propose d’être diffusé sur un réseau de partenaires sélectionné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é, de ses tendances et de son fonctionnement, nous vous offrons le meilleur moyen de toucher votre cible au meilleur coût.</span></p>
</div>
<div class="flash-menu"> <br />
<object classid="clsid
27CDB6E-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="clsid27CDB6E-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
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éfé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…</span></h3><p >
<span class="Style2">Nous vous accompagnons dans cette démarche et vous faisons bénéficier de tout notre réseau en ligne.<br />
<br />
Le seul moyen d’offrir à vos campagnes la meilleure rentabilité, est de leur offrir la meilleure audience et une très grande qualité de réalisation. Next Publicity vous propose d’être diffusé sur un réseau de partenaires sélectionné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é, de ses tendances et de son fonctionnement, nous vous offrons le meilleur moyen de toucher votre cible au meilleur coût.</span></p>
</div>
<div class="flash-menu"> <br />
<object classid="clsid
27CDB6E-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
27CDB6E-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
