Probleme d'affichage entre IE et FF
Posté : 14 mars 2009, 17:16
Bonjour,
j'ai un soucis d'affichage entre FF et IE. J'ai construit mon site avec FF sans regarder IE.
Je ne sais pas trop comment faire.
J'ai mi mis site en ligne pour que vous puissiez me dire ce que vous en pensez.
http://www.gagner-argent-gratuitement.com/
Voici mon code html:
voici mon CSS:
Je ne sais vraiment pas quoi faire. Je ne peux pas commencer a le diffuser comme ça. Sachant que la majorité des gens utilisent IE..
Merci d'avance a tout ceux qui pourront faire quelque chose pour moi !
Jérémy ou Pampa
j'ai un soucis d'affichage entre FF et IE. J'ai construit mon site avec FF sans regarder IE.
Je ne sais pas trop comment faire.
J'ai mi mis site en ligne pour que vous puissiez me dire ce que vous en pensez.
http://www.gagner-argent-gratuitement.com/
Voici mon code html:
Code : Tout sélectionner
<!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>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" title="style"/>
<link href="style-vert.css" rel="stylesheet" type="text/css" media="screen" title="style-vert"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ascenseur.js"></script>
<script type="text/javascript" src="js/navigation.js"></script>
<script type="text/javascript" src="js/date_heure.js"></script>
<script type="text/javascript" src="js/styleswitcher.js"></script>
</head>
<body>
<!-- logo -->
<div id="en_tete" style="cursor: pointer;" onClick="javascript:window.location='http://www.gagner-argent-gratuitement.com'"></div>
<div id="conteneur_gauche"> <!-- Cadre englobant tous les sous-menus (en bleu marine sur le schéma) -->
<!-- menu gauche haut -->
<div id="menu_entier">
<?php
include "pages/menugauche.html";
?>
</div>
<div id="contenu_gauche_bottom_bas"></div>
</div>
<!-- menu milieu -->
<div id="conteneur_milieu">
<div id="menu_milieu">
<ul>
<li><a style="cursor: pointer;" onClick="javascript:window.location='index.html',setActiveStyleSheet('style');" class="index">Index</a></li> <!-- menu Index -->
<li><a style="cursor: pointer;" onClick="javascript:window.location='argent.html',setActiveStyleSheet('style-vert');" class="argent">Gagner de l'argent</a></li> <!-- menu argent -->
<li><a style="cursor: pointer;" onClick="javascript:window.location='filleuls.html',setActiveStyleSheet('style');" class="filleuls">Gagner des filleuls</a></li> <!-- menu gagner des filleuls -->
<li><a style="cursor: pointer;" onClick="javascript:window.location='http://argent.forumdediscussions.com',setActiveStyleSheet('style');"class="forum">Forum</a></li> <!-- menu forum -->
<li><a style="cursor: pointer;" onClick="javascript:window.location='filleuls.html',setActiveStyleSheet('style');" class="contact">Contact</a></li> <!-- menu contact -->
<li><span id="date_heure"></span>
<script type="text/javascript">window.onload = date_heure('date_heure');</script>. . . . . . Il y a 10 personnes connectées sur le site. . . . . . . . . . </li>
</ul>
<div class="clear"></div>
</div>
</div>
<!-- corps haut -->
<div id="global_corps">
<div id="corps_haut"></div><!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<div id="corps_milieu">
<div id="contenu">
<?php
if(isset($_GET['p'])){
$p=$_GET['p'];
if(isset($p) && preg_match("/^[a-z0-9]+$/i",$p)){
if(file_exists("pages/$p.html")){
include "pages/$p.html";
}
else{
include "pages/404.html";}
}
else{
include "pages/404.html";}
}
else{
include "pages/404.html";}
?>
</div>
</div>
</div>
<!-- menu droite -->
<div id="conteneur_droite">
<div id="menu_droite">
<ol>
<li>
<a href="http://www.psg.fr">Actualité</a>
</li> <!-- Liste des liens du sous-menu -->
</ol>
<div class="clear"></div>
<div id="contenu_droite">
<ul>
<li><a style="cursor: pointer;" onClick="javascript:window.location='news.html'">Ouverture du site !</a></li>
</ul>
</div>
<div id="contenu_droite_bas"></div>
</div>
</div>
<!-- corps bas -->
<div id="corps_bas">
<div class="clear"></div>
<div id="bas">Copyright © 2009 - <a style="cursor: pointer;" onClick="javascript:window.location='http://www.gagner-argent-gratuitement.com'">Gagner-Argent-Gratuitement.com</a> All Right Reserved</div>
</div>
</body>
</html>voici mon CSS:
Code : Tout sélectionner
body {
width : 1024px;
margin : auto;
background : #dee2e3 url(theme/fond-bg.jpg) no-repeat top center;
font-family : Helvetica, Arial, sans-serif;
font-size : 12px;
}
a {
text-decoration : none;
font-weight : bold;
color : #000000;
}
a:hover {
color : #fe7f00;
}
.clear {
clear : both;
}
#en_tete {
width : 455px;
height : 131px;
background-image : url(theme/new-logo.png);
margin-top : 40px;
margin-left : 30px;
margin-bottom : 10px;
}
#conteneur_gauche {
float : left;
width : 158px;
margin-right : 20px;
margin-top : 60px;
}
#menu_gauche {
background : url(theme/menu-g-h.png) no-repeat bottom left;
height : 42px;
width : 158px;
margin-left : 2px;
}
#menu_gauche ul li {
list-style : none;
float : left;
width : 158px;
}
#menu_gauche ul li a {
height : 36px;
width : 140px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : url(theme/actualite-over.png) no-repeat top left;
line-height : 34px;
color : #000000;
margin : 8px 0 -16px -35px;
}
#menu_gauche ul li a:hover {
background-position : bottom left;
}
#contenu_gauche {
background : url(theme/menu-gauche-milieu.png) repeat-y left bottom;
margin-left : 2px;
}
#contenu_gauche ol li {
list-style : none;
text-align : center;
padding-right : 20px;
margin-left : -25px;
}
#contenu_gauche ol li a {
font-size : 11px;
text-decoration : none;
text-align : center;
line-height : 11px;
}
#contenu_gauche {
background : url(theme/menu-gauche-milieu.png) repeat-y left bottom;
margin-top : -12px;
}
#contenu_gauche ul li {
list-style : none;
}
#contenu_gauche ul li a {
height : 36px;
width : 140px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : url(theme/actualite-over.png) no-repeat top left;
line-height : 34px;
color : #000000;
margin : 0 0 -10px -35px;
padding-left : 2px;
}
#contenu_gauche ul li a:hover {
background-position : bottom left;
}
#contenu_gauche_bottom ol li {
list-style : none;
}
#contenu_gauche_bottom ol li a {
font-size : 11px;
text-decoration : none;
text-align : center;
line-height : 11px;
}
#contenu_gauche_bottom_bas {
background : url(theme/menu-g-b.png) no-repeat left bottom;
height : 26px;
width : 158px;
margin : -12px 0 0 2px;
}
#conteneur_milieu {
width : 726px;
margin : auto;
}
#menu_milieu {
background : url(theme/bande-h.png) no-repeat bottom left;
height : 81px;
width : 726px;
margin : -15px 0 0 3px;
font-size : 11px;
text-align : center;
text-decoration : none;
line-height : 22px;
}
#menu_milieu ul li {
list-style : none;
float : left;
}
#menu_milieu ul li a {
height : 44px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : no-repeat top left;
line-height : 50px;
font-size : 15px;
color : #000000;
}
#menu_milieu ul li a:hover {
background-position : bottom left;
line-height : 40px;
}
#menu_milieu ul li a.index {
background-image : url(theme/btn-index.png);
width : 98px;
margin : 0 0 0 -35px;
}
#menu_milieu ul li a.argent {
background-image : url(theme/btn-argent.png);
width : 198px;
}
#menu_milieu ul li a.filleuls {
background-image : url(theme/btn-filleuls.png);
width : 202px;
}
#menu_milieu ul li a.forum {
background-image : url(theme/btn-forum.png);
width : 107px;
}
#menu_milieu ul li a.contact {
background-image : url(theme/btn-contact.png);
width : 95px;
}
#global_corps {
width : 746px;
margin : auto;
float : left;
}
#corps_haut {
background : url(theme/milieu-h.png) no-repeat left;
background-position : bottom left;
height : 21px;
width : 746px;
margin-left : -35px;
}
#corps_milieu {
background : url(theme/milieu-m.png) repeat-y left;
margin-left : -39px;
padding-right : 80px;
padding-left : 35px;
min-height : 500px;
display : block;
}
#contenu {
display : block;
}
#contenu .titre {
background : url(theme/cadre-interieur-titre.png) no-repeat top left;
font-size : 15px;
display : block;
width : 746px;
line-height : 31px;
font-weight : bold;
padding : 0 0 10px 10px;
margin-top : 10px;
margin-bottom : 10px;
float : left;
}
#corps_milieu div:first-letter {
float : left;
font-size : 2.5em;
font-weight : bold;
margin : 7px 2px 0 0;
width : 740px;
}
#conteneur_droite {
float : left;
width : 152px;
margin-left : 870px;
margin-right : 10px;
margin-top : -540px;
}
#menu_droite {
background : url(theme/menu-g-h.png) no-repeat bottom left;
height : 54px;
width : 152px;
}
#menu_droite ol li {
list-style : none;
float : left;
width : 152px;
}
#menu_droite ol li a {
height : 36px;
width : 140px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : url(theme/actualite-over.png) no-repeat top left;
line-height : 36px;
color : #000000;
margin : 18px 0 -16px -35px;
}
#menu_droite ol li a:hover {
background-position : bottom left;
}
#contenu_droite {
background : url(theme/menu-gauche-milieu.png) repeat-y left bottom;
}
#contenu_droite ul li {
list-style : none;
}
#contenu_droite ul li a {
font-size : 11px;
text-decoration : none;
text-align : center;
line-height : 11px;
margin-left : -10px;
}
#contenu_droite_bas {
background : url(theme/menu-g-b.png) no-repeat left bottom;
height : 26px;
width : 146px;
margin-top : -16px;
}
#corps_bas {
background : url(theme/milieu-b.png) no-repeat;
width : 746px;
height : 54px;
margin : 0 0 0 139px;
padding : 22px 0 0 0;
font-size : 12px;
text-align : center;
line-height : 12px;
float : left;
}
Je ne sais vraiment pas quoi faire. Je ne peux pas commencer a le diffuser comme ça. Sachant que la majorité des gens utilisent IE..
Merci d'avance a tout ceux qui pourront faire quelque chose pour moi !
Jérémy ou Pampa