Voila j ai un souci avec la compatibilite entre IE et FF pour le site sexyflash.org
Sur Firefox tout s affiche parfaitement mais sous IE7 il y a un espace blanc qui est tres derangeant. Sous IE6 c est encore pire
Voici le css
Je viens donc vous solliciter pour m apporter une petite aide car la je ne sais plus quoi faire
Sur Firefox tout s affiche parfaitement mais sous IE7 il y a un espace blanc qui est tres derangeant. Sous IE6 c est encore pire
Voici le css
/* CSS Document */
body
{
width: 736px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url(images/gridlinebackground.gif);
background-repeat: repeat;
}
ul
{
font-size: 12px;
margin: 0px;
margin-right: 30px;
}
a:hover
{
color: #66248e;
}
#conteneur
{
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
position: relative;
/* border: #000000 1px solid; */
}
#header
{
width: 736px;
height: 129px;
background-image: url("images/banniere.gif");
background-repeat: no-repeat;
}
#menu_horizontal
{
height: 67px;
float: left; /* Le menu flottera à gauche */
}
.menu_horizontal
{
float: left;
border: 0px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 186px; /* Très important : donner une taille au menu */
}
#menu_categories
{
width: 186px;
height: 244px;
background-image: url("images/categories.gif");
background-repeat: no-repeat;
float: left; /* Le menu flottera à gauche */
}
#menu_topjeux
{
width: 186px;
height: 244px;
background-image: url("images/topjeux.gif");
background-repeat: no-repeat;
float: left; /* Le menu flottera à gauche */
}
.menu_display
{
margin-top: 45px;
margin-left: 17px;
}
.topjeux
{
border: #000000;
font-size: 12px;
vertical-align: middle;
text-indent: 2px;
color: #000000;
}
.topjeux a
{
border: #000000;
font-size: 12px;
vertical-align: middle;
text-indent: 2px;
color: #000000;
text-decoration: none;
}
.topjeux a:hover
{
border: #000000;
font-size: 12px;
vertical-align: middle;
text-indent: 2px;
color: #FFFFFF;
}
.tousTopJeux
{
font-size: 12px;
vertical-align: middle;
text-align: center;
color: #000000;
}
.tousTopJeux a
{
font-size: 12px;
vertical-align: middle;
text-align: center;
color: #000000;
}
.tousTopJeux a:hover
{
font-size: 12px;
vertical-align: middle;
text-align: center;
color: #FFFFFF;
}
#menu_stats
{
width: 186px;
height: 139px;
background-image: url("images/statistiques.gif");
background-repeat: no-repeat;
float: left; /* Le menu flottera à gauche */
}
#corps
{
margin-left: 187px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-top: 62px;
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
width: 539px;
height: 100%;
}
.erreur
{
font-size: 14px;
color: #FF0000;
font-weight: bold;
}
.ok
{
font-size: 14px;
color: #0000FF;
font-weight: bold;
}
#corps p
{
margin: 0px;
margin-left: 15px;
text-align: justify;
font-size: 12px;
margin-right: 10px;
}
#corps h1
{
margin-left: 15px;
margin-bottom: 2px;
margin-top: 0px;
font-size: 18px;
color: #66248e;
}
#corps h2
{
margin-left: 15px;
margin-bottom: 2px;
margin-top: 0px;
font-size: 16px;
color: #a36fc1;
}
#corps h3
{
margin-left: 15px;
margin-bottom: 2px;
margin-top: 0px;
font-size: 14px;
color: #bf9cd3;
}
.bloc_centre_header_accueil
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_accueil.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_contact
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_contact.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_copyright
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_copyright.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_recherche
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_recherche.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxsexy
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_sexy.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxflash
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_flash.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxaction
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_action.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxaventure
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_aventure.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxcasino
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_casino.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxclassique
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_classique.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxdivers
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_divers.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxenfants
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_enfants.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxreflexion
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_reflexion.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jeuxsport
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jeux_sport.gif");
background-repeat: no-repeat;
}
.bloc_centre_header_jouer
{
width: 539px;
height: 39px;
background-image: url("images/bloc_centre_jouer.gif");
background-repeat: no-repeat;
}
.bloc_centre_middle
{
background-image: url("images/bloc_centre_middle.gif");
background-repeat: repeat-y;
text-align: justify;
}
.bloc_centre_footer
{
width: 539px;
height: 15px;
background-image: url("images/bloc_centre_footer.gif");
background-repeat: no-repeat;
}
#googlefooter
{
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}
#googlecopyright
{
text-align: center;
}
#googlejeuxsexy
{
text-align: center;
}
#footer
{
margin-bottom: 5px;
text-align: center;
font-size: 12px;
color: #833cad;
}
#footer a
{
color: #833cad;
text-decoration: none;
}
#footer a:hover
{
color: #000000;
}
.last5comments
{
font-size: 12px;
vertical-align: middle;
text-indent: 2px;
text-align: left;
color: #000000;
}
.coupDeCoeur
{
border: #000000;
font-size: 12px;
vertical-align: middle;
color: #000000;
width: 33%;
}
.coupDeCoeur a
{
border: #000000;
font-size: 12px;
vertical-align: middle;
color: #000000;
width: 33%;
text-decoration: none;
}
.coupDeCoeur a:hover
{
border: #000000;
font-size: 12px;
vertical-align: middle;
text-decoration: none;
width: 33%;
color: #66248e;
}
.stats
{
border: #000000;
font-size: 12px;
vertical-align: middle;
color: #000000;
}
.contactArray
{
vertical-align: middle;
border: #bf9cd3 1px solid;
}
#searchForm
{
font-size: 10px;
vertical-align: middle;
color: #000000;
}
#searchForm p
{
text-align: center;
}
#searchForm input {
border:1px solid black;
background-color: #d9c9e2;
font-family:"trebuchet ms",sans-serif;
color: #66248e;
font-size: 10px;
width: 130px;
height: 15px;
}
#searchForm input.bouton {
border:1px solid black;
font-weight:bold;
cursor:pointer;
width: 18px;
height: 15px;
}
#searchForm input.bouton:hover {
border:1px solid black;
background-color:#66248e;
color:#d9c9e2;
}
#searchForm input.bouton:active {
border:1px solid black;
background-color:#66248e;
color:white;
}
.contactArray textarea {
border:1px solid black;
background-color:#d9c9e2;
font-family:"trebuchet ms",sans-serif;
color: #66248e;
width : 300px;
height : 250px;
font-size: 12px;
}
.contactArray input {
border:1px solid black;
background-color: #d9c9e2;
font-family:"trebuchet ms",sans-serif;
color: #66248e;
font-size: 12px;
width: 300px;
}
.contactArray select, option {
background-color: #d9c9e2;
color: #66248e;
width : 300px;
font-size: 12px;
}
.contactArray input.bouton {
border:1px solid black;
font-weight:bold;
cursor:pointer;
width: 100px;
}
.contactArray input.bouton:hover {
border:1px solid black;
background-color:#66248e;
color:#d9c9e2;
width: 100px;
}
.contactArray input.bouton:active {
border:1px solid black;
background-color:#66248e;
color:white;
width: 100px;
}
.condition
{
text-align: center;
}
.condition input.bouton {
border:1px solid black;
font-weight:bold;
cursor:pointer;
width: 200px;
}
.condition input.bouton:hover {
border:1px solid black;
background-color:#66248e;
color:#d9c9e2;
width: 200px;
}
.condition input.bouton:active {
border:1px solid black;
background-color:#66248e;
color:white;
width: 200px;
}
.thumbnails
{
border : 1px solid black;
}
.listing_jeux
{
text-align: justify;
font-size: 12px;
}
.listing_jeux_titre
{
font-size: 15px;
color: #bf9cd3;
font-weight: bold;
margin-top : 3px;
}
.listing_jeux_titre a
{
font-size: 15px;
color: #bf9cd3;
font-weight: bold;
text-decoration: none;
}
.listing_jeux_titre a:hover
{
font-size: 15px;
color: #66248e;
font-weight: bold;
text-decoration: underline;
}
div.pagination {
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 3px;
margin: 3px
}
div.pagination a {
background-color: #fff;
border: 1px solid #66248e;
color: #66248e;
margin: 1px;
padding: 2px 5px;
text-decoration: none
}
div.pagination a:hover,active {
background-color: #d9c9e2;
border: 1px solid #66248e;
color:#66248e;
margin: 1px;
padding: 2px 5px
}
div.pagination span.courante {
background-color: #66248e;
border: 1px solid #66248e;
color: #fff;
font-weight: bold;
margin: 1px;
padding: 2px 5px
}
div.pagination span.desactive {
background-color: #fff;
border: 1px solid #d9c9e2;
color: #d9c9e2;
margin: 1px;
padding: 2px 5px
}
#prn_update {
position:absolute;
width:150px;
background-color:#d9c9e2;
border:1px solid #66248e;
margin:0px;
padding:0px;
color: #66248e;
}
#prn_update ul {
margin: 0;
padding: 0;
list-style: none;
}
#prn_update a {
display: block;
text-decoration: none;
color: #66248e;
}
#prn_update a:hover {
display: block;
text-decoration: none;
color: #FFFFFF;
background-color: #66248e;
}
#prn_update img
{
border : 1px solid black;
}
.tabMenu
{
margin-left: auto;
margin-right: auto;
text-align: center;
width: 95%;
}
.tabAccueil /* centre un tableau */
{
margin-left: auto;
margin-right: auto;
text-align: center;
width: 95%;
}
.puce
{
border: 0px;
}
Je viens donc vous solliciter pour m apporter une petite aide car la je ne sais plus quoi faire
)