Non compatible avec IE -> Why? par Gambit2099 - page 1

Bonsoir à tous !!
Mon site ouvre dans 24h et j'aurai aimé régler un problème très gênant: la non compatibilité avec Internet Explorer. Je me demandais donc d'où pouvais venir le problème, car s'en est un assez énorme et chiant ;o)

J'ai copié mon fichier CSS en entier (on sait jamais ça pourrait venir de là :-°

) et un fichier type.

J'aimerai vraiment de l'aide, car franchement je trouve ça très énervant

body {
background:url('images/background.jpg');
color:#547684;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0;
margin:0;
}

div#contenu {
background:url('images/bloc2.png') repeat-y;
width:702px;
height:auto;
margin:40px auto 20px auto;
}

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#000000; text-decoration:none; font-weight:bold; }
a:hover { color:#ff0000; font-weight:bold; }
p { margin:0; padding:5px; }
div.clear { clear:both; }
h1 { color:#000000; font-weight:bold; text-align:left; margin:0 0 0 4px; font-size:190%; font-family:Arial, Helvetica, sans-serif; }
.index a { color:#000000; text-decoration:none; font-weight:bold; }
.index a:hover { color:#ff0000; font-weight:bold; }

div#contenu_2 {
background:url('images/header.jpg') no-repeat top;
width:702px;
height:auto;
}

div#menus {
float:left;
width:180px;
height:auto;
padding-left:30px;
margin-top:158px;
}

div#menus li { width:180px; height:15px; border-bottom:1px solid #547684; padding-top:10px; padding-bottom:1px }

div#texte {
width:450px;
height:auto;
float:right;
padding-right:24px;
margin-top:50px;
}

div#footer {
background:url('images/footer.png') no-repeat bottom;
width:702px;
height:14px;
clear:both;
padding-top:20px;
}

input.bouton {
border:1px solid #999999;
background-color:#EFEFEF;
font-size:11px;
width:200px;
color:#444444;
font-weight:bold;
}

.lien a
{
color: #000000;
text-decoration: underline;
}

.lien a:hover, a:active
{
color: #338EA2;
text-decoration: underline;
}

.bordure
{
border: 1px dashed #000000;
padding: 10px;
}

.floatg
{
float: left;
}

.floatd
{
float: right;
}
.dessousfloat
{
clear: both;
}

et le fichier *.php type

<html>
<head>
<? include("inc/metaINC.php"); ?>

<title>Shasei : LENOMDELAPAGE!!</head>
<body>
<div id="contenu">
<div id="contenu_2">
<div id="menus">
<? include("inc/menuINC.php"); ?></div>

<div id="texte">
<h1>Premier</h1>
<p align="justify"> TexteTxt</p><br>
<h1>Second</h1>

</div><div id="footer"></div>
</div></div> <? include("inc/footerINC.php"); ?>
</body></html>

Un énorme merci à tout ceux qui voudrait m'aider de près ou de loin

Bien à vous !
Cordialement,

Gambit2099

9 septembre 2006 à 21:40:18

www.juliandropsit.com

atly

9 septembre 2006 à 21:45:02

Description du problème ?

9 septembre 2006 à 21:46:41

Sous Internet Explorer, je vois juste le background de derrière sur TOUTES les pages

Rien de plus, rien de mois.

edit: j'ai vu que j'oubliais de fermer la balise title
Ca marche mieux mais pas encore. Le site n'est pas centré :/

TTK

10 septembre 2006 à 0:38:44

Pour centrer ton site, dans le code CSS, margin doit être à "auto" et non à "0" :

body
{
margin: auto;
}

Donc chez toi ca donnerais :

body
{
background: url('images/background.jpg');
color: #547684;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
margin: auto;
}

Si je me trompe pas c'est ça

Non compatible avec IE -> Why?

Non compatible avec IE -> Why?

Supprimer

Modérer

Signaler le message aux modérateurs