Bonjour à tous,
Il me semble que j'ai le même problème que Julien_82 et je ne sais comment résoudre ce problème...
Un fond grisé ou bleuté apparait sous Explorer derrière mes <div> contenant des images, alors que sous Firefox, tout est impec...
J'ai essayé en spécifiant "background-color:#ffffff" / "background:none;" mais rien à faire, ce fond reste sur la version IE et ça gâche complètement mon visuel
Voici la page concernée :
http://www.ikicrea.com/sitesweb.php (soyez indulgent, la page n'est pas finie et les liens pas encore en place
)
Voici le code de cette page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ooo ikicréa - Créer avec vous, pour vous ooO</title>
<meta name="description" value="ikicréa, créer avec vous, pour vous - création de sites web, de bannières et de fantaisies virtuelles" />
<meta name="keywords" value="ikicrea, ikicréa, iki, création, sites web, boitameuh, boite-a-meuh, banniere, skin forum, refonte site, krobars, ikikrobars, ronda, originalité, féminin, harmonie couleurs, css" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" type="text/css" href="styles_ikicrea.css" />
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<? include ("entete.php"); ?>
<div id="corps_index">
<div class="index_sitesweb"><a href="sitesweb.php"><img src="images/blank.gif" alt="Voir les sites Web créés par iki" /></a></div>
<div class="index_krobars"><a href="#"><img src="images/blank.gif" alt="Voir les krobars d'iki" /></a></div>
<div class="index_bannieres"><a href="#"><img src="images/blank.gif" alt="Voir les bannières réalisées par iki" /></a></div>
<div class="index_skins"><a href="#"><img src="images/blank.gif" alt="Voir les skins dessinées pour des forums" /></a></div>
<div class="index_cartes"><a href="#"><img src="images/blank.gif" alt="Voir les cartes fantaisie créées par iki" /></a></div>
<div class="index_boitameuh"><a href="#"><img src="images/blank.gif" alt="Voir les boitameuh d'iki" /></a></div>
</div>
<? include ("baspage.php"); ?>
<!-- A rajouter quand page finie pour valider le CSS <? include ("validation_css.php"); ?> -->
</body>
</html>
Voici la page de styles CSS :
/* ========= REGLAGES GENERAUX ============= */
body {
margin:0;
margin-left:30px;
margin-top:30px;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
text-align:justify;
color:#ee6910;
}
img {
border:0;
}
a {
color:#ee6910;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/* ========= ENTETE ============= */
#entete {
position:absolute;
top:40px;
left:50px;
height:120px;
width:700px;
border:0;
background-color: #ffffff;
}
/* ========= BAS PAGE ============= */
#baspage {
position:absolute;
top:645px;
left:50px;
height:15px;
width:700px;
background-color: #FFFFFF;
padding:0;
margin:0;
}
p.contact {
font-size:8pt;
position:absolute;
top:0px;
left:86px;
padding:0;
margin:0;
}
p.copyright {
font-size:8pt;
position:absolute;
top:0px;
left:500px;
padding:0;
margin:0;
}
/* ========= VALIDATION CSS ============= */
#validation_css {
position:absolute;
top:700px;
left:60px;
border:0;
}
/* =========== TITRE PAGE ============== */
#titre_page {
position:absolute;
top:200px;
left:53px;
font-size: 16pt;
font-stretch:expanded;
color:#9a867a;
font-weight:bold;
}
/* ========= CORPS - PAGE INDEX ============== */
#corps_index {
position:absolute;
top:220px;
left:54px;
height:430px;
width:843px;
background-image:url(images/fond_quadrille_index.gif);
background-repeat:no-repeat;
background-color: #ffffff;
}
/* Lien "SITES WEB" sur la page index */
div.index_sitesweb {
position:absolute;
top:84px;
left:169px;
}
div.index_sitesweb a {
display: block;
width:252px;
height:82px;
background: url(images/lien_index_sitesweb_off.gif) no-repeat;
}
div.index_sitesweb a:hover {
background: url(images/lien_index_sitesweb_on.gif) no-repeat;
}
/* Lien "KROBARS" sur la page index */
div.index_krobars {
position:absolute;
top:84px;
left:508px;
}
div.index_krobars a {
display: block;
width:252px;
height:82px;
background: url(images/lien_index_krobars_off.gif) no-repeat;
}
div.index_krobars a:hover {
background: url(images/lien_index_krobars_on.gif) no-repeat;
}
/* Lien "BANNIERES" sur la page index */
div.index_bannieres {
position:absolute;
top:168px;
left:84px;
}
div.index_bannieres a {
display: block;
width:252px;
height:82px;
background: url(images/lien_index_bannieres_off.gif) no-repeat;
}
div.index_bannieres a:hover {
background: url(images/lien_index_bannieres_on.gif) no-repeat;
}
/* Lien "SKINS" sur la page index */
div.index_skins {
position:absolute;
top:253px;
left:169px;
}
div.index_skins a {
display: block;
width:252px;
height:82px;
background: url(images/lien_index_skins_off.gif) no-repeat;
}
div.index_skins a:hover {
background: url(images/lien_index_skins_on.gif) no-repeat;
}
/* Lien "CARTES" sur la page index */
div.index_cartes {
position:absolute;
top:253px;
left:423px;
}
div.index_cartes a {
display: block;
width:252px;
height:82px;
background: url(images/lien_index_cartes_off.gif) no-repeat;
}
div.index_cartes a:hover {
background: url(images/lien_index_cartes_on.gif) no-repeat;
}
/* Lien "BOITAMEUH" sur la page index */
div.index_boitameuh {
position:absolute;
top:338px;
left:423px;
}
div.index_boitameuh a {
display: block;
width:252px;
height:84px;
background: url(images/lien_index_boitameuh_off.gif) no-repeat;
}
div.index_boitameuh a:hover {
background: url(images/lien_index_boitameuh_on.gif) no-repeat;
}
Voilà, au cas où vous pourriez m'orienter sur la soluce pour que et d'une je me débarrasse de ce gris-bleuté pas du tout à mon goût et pour progresser en CSS, parce que j'ai encore bien des choses à apprendre
J'ai peut-être loupé un png dans la feuille de style ? Essaie en supprimant la transparence (de toutes façons, tu as un fond blanc uniforme, tu n'en as pas besoin).
