probleme sous Firefox. Mais pas sous Internet explorer. par ssnipe - page 1

Bonjour,

Je suis en train de creer un site a base d'un kit graphique.

Mais j'ai un gros probleme :

Le site marche sous Internet explorer mais pas sous firefox.

Le lien du site :

http://ssnipe5.free.fr/site/

</span>

Voila les source de index.php et style.css :

Index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Votre_Titre_Ici</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="DC.Language" scheme="RFC3066" content="fr" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Normal" />
</head>
<body>
<div id="contenu">



<div id="contenu_2">

<div id="header">

<div id="name">

<h1><span class="orange">V</span>otre <span class="orange">S</span>ite consectetuer adipiscing elit.</h1>
</div>

</div>

<div id="contenu_3">

<div id="txt">

<div class="titre">
<div class="t_g"></div>
<div class="t_t">
<h2>Kits-Gratuits.net vous recommande ...</h2>
</div>
<div class="t_d"></div>
</div>

<p><a href="http://www.mozilla-europe.org/fr" title="GetFirefox - The Browser, Reloaded."><img src="./images/firefox.png" alt="Get Firefox" /></a> </p>
<p>Firefox ? C'est quoi ? <br />C'est un naviguateur GRATUIT, qui reconnais les normes du W3C, qui ne laisse pas passer tout les spywares que l'on peut trouver en surfant.<br />Il est intuitif, rapide, vous pouvez le décorer avec des skins, l'optimizer avec des extensions ... <br /> C'est mieux que IE (Internet Explorer)

<br /> L'essayer, c'est l'adopter, alors n'attendez pas !</p>

<div class="titre">
<div class="t_g"></div>
<div class="t_t">
<h2>Une emplacement pour un titre ... au choix

</h2>
</div>
<div class="t_d"></div>
</div>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Curabitur</a> nec turpis. Vestibulum ante nisi, fringilla id, vehicula id, consectetuer ut, tellus. Nulla facilisi. Donec dignissim enim et leo. Nunc libero tellus, dignissim non, ornare et, condimentum quis, lorem. Suspendisse a pede vitae tortor iaculis blandit. Donec tortor. Phasellus at nunc a urna gravida mollis. Maecenas tellus nunc, imperdiet et, lobortis vitae, luctus nec, metus. Donec auctor accumsan turpis. Praesent placerat, orci vitae gravida ultrices, tortor eros luctus nunc, et egestas tellus nibh eu mauris. Cras ultricies eleifend urna. Vestibulum felis enim, pharetra pulvinar, porta id, fermentum sed, nunc. Proin est. Proin cursus convallis enim. Fusce risus.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Curabitur</a> nec turpis. Vestibulum ante nisi, fringilla id, vehicula id, consectetuer ut, tellus. Nulla facilisi. Donec dignissim enim et leo. Nunc libero tellus, dignissim non, ornare et, condimentum quis, lorem. Suspendisse a pede vitae tortor iaculis blandit. Donec tortor. Phasellus at nunc a urna gravida mollis. Maecenas tellus nunc, imperdiet et, lobortis vitae, luctus nec, metus. Donec auctor accumsan turpis. Praesent placerat, orci vitae gravida ultrices, tortor eros luctus nunc, et egestas tellus nibh eu mauris. Cras ultricies eleifend urna. Vestibulum felis enim, pharetra pulvinar, porta id, fermentum sed, nunc. Proin est. Proin cursus convallis enim. Fusce risus.</p>
</div>

<div id="mns">

<div class="menu">
<h3>Navigation</h3>
<ul>
<li><a href="#">Du texte</a></li>
<li><a href="#">Pour décorer</a></li>
<li><a href="#">Ce n'est pas mal</a></li>
<li><a href="#">C'est même bien foutu</a></li>
<li><a href="#">Du texte</a></li>
<li><a href="#">Pour décorer</a></li>
<li><a href="#">Ce n'est pas mal</a></li>
<li><a href="#">C'est même bien foutu</a></li>
</ul>
</div>

<div class="menu">
<div class="m_top">

</div>
<div class="calendrier">
<h3>Calendrier</h3>
<ul>
<?php
require_once 'mods/calendier/calendrier.php';
echo calendar();
?>
</div>
</div>

<div class="clear">

</div>

</div>

<div id="footer">
<p id="copy_u">Copyright Votre Site etc etc et tout ce qui va avec tout le tralala habituel. Mais quand même pas trop long parce que après ca déborde. Site Optimisé pour Firefox</p>
<p id="copy">Une réalisation <a href="http://www.kits-gratuits.net/site/galerie/index.php?act=equipe">Exta et Aurelio</a> pour <a href="http://www.kits-gratuits.net/site/galerie/">Kits-Gratuits.net</a> © 2005</p>
</div>

</div>

</div>
</body>
</html>

Style.css

/* CSS par Gounlaf pour http://www.kits-gratuits.net - Tous droits réservés - */

body {
background-color:#2A2A2A;
color:#000000;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
}

div#contenu {
background:url('./images/interface/bg_1.gif') repeat-y;
width:780px;
height:auto;
margin:auto;
}

img { display:block; margin:0; padding:0; }
a img { border:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#D47823; text-decoration:none; font-weight:bold; }
a:hover { color:#E29854; font-weight:bold; }
h1 { text-align:center; margin:0; }
p { margin:0; padding:5px; }
div.clear { clear:both; }
h1, h2, h3 { margin:0; padding:0; }
.orange { color:#D27B1E; }

div#contenu_2 {
background:url('./images/interface/bg_2.gif') repeat-y;
background-color:#FFF;
width:746px;
height:auto;
margin-left:17px;
}

div#header {
background:url('./images/interface/header.png') no-repeat;
width:746px;
height:162px;
}

div#name {
width:654px;
height:auto;
position:absolute;
margin:22px auto auto 46px;
text-align:right;
}

div#name h1 { text-align:right; font-weight:normal; letter-spacing:-1px; }

div#contenu_3 {
width:690px;
height:auto;
margin-left:17px;
}

div#txt {
float:left;
width:470px;
height:auto;
}

div#txt p { margin-left:40px; padding:5px; }

div.titre {
width:auto;
height:40px;
margin-top:20px;
}

div.t_g {
background:url('./images/interface/t_g.gif') no-repeat;
width:21px;
height:40px;
float:left;
}

div.t_t {
background:url('./images/interface/bg_t.gif') repeat-x;
width:auto;
height:40px;
float:left;
}

div.t_t p { padding:0px; }
div.t_t h2 { padding-top:12px; color:#FFFFFF; font-size:100%; }

div.t_d {
background:url('./images/interface/t_d.gif') no-repeat;
width:21px;
height:40px;
float:left;
}

div#mns {
width:162px;
height:auto;
float:right;
}

div.menu {
background:url('./images/interface/bg_menus.gif') no-repeat bottom;
background-color:#262626;
color:#FFF;
width:162px;
height:auto;
min-height:130px;
font-size:80%;
padding-bottom:12px;
margin-bottom:40px;
a color : black;
}
.menu a { color: white; }
.m_top a { color: white; }
.calendrier { color: white; }

div.menu h3 { background:url('./images/interface/bg_t_m.gif') no-repeat left bottom; font-size:100%; font-weight:normal; padding-bottom:2px; margin-left:13px; }
div.menu a { color:#FFF; font-weight:normal; }
div.menu a:hover { color:#FFF; font-weight:normal; }
div.menu ul { margin-left:20px; margin-top:12px; }
div.menu ul li { background:url('./images/interface/li.gif') no-repeat left; padding-left:15px; margin:5px auto 5px auto; }

div.m_top {
background:url('./images/interface/².gif') no-repeat;
width:162px;
height:10px;
}

div#footer {
background:url('./images/interface/footer.gif') no-repeat;
width:746px;
height:38px;
margin-top:20px;
font-size:80%;
}

div#footer p#copy_u { width:520px; margin-left:10px; text-align:center; float:left; }
div#footer p#copy { width:162px; float:right; margin-right:33px; text-align:center; color:#FFFFFF; }

Voila.
Merci d'avance a tout ceux qui pouront m'aider.

Ssnipe

probleme sous Firefox. Mais pas sous Internet explorer.

Index.php

Style.css

probleme sous Firefox. Mais pas sous Internet explorer.

Supprimer

Modérer

Signaler le message aux modérateurs