Bonjour, je suis en train de créer un site et sur mozila firefox le footer s'affiche juste à côté de l'image alors que sur google chrome il s'affiche au bon endroit. Savez vous pourquoi? Regardez ce lien avec chrome puis mozila: http://www.christian-animation.fr/st_sylvestre.php (ce n'est pas de la pub 
)
Voila le script: (ya t il des fautes?)
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Animation Musicale Aquitaine</title>
<META NAME="Keywords" CONTENT="animation musicale aquitaine orchestre, musique, bordeaux, landes, mariage, christian animation, aquitaine">
</head>
<body>
<header>
<center>
<h1>ANIMATION MUSICALE</h1> <br />
<h2>Région Aquitaine et Grand Sud-Ouest</h2>
<div id="nav">
<?php include("menu.php"); ?>
</center>
</div>
</header>
<br /> <br /> <br /> <br /> <br /> <br /><br /> <br />
<center>
<div>
<img src = "sylvestre.jpg" class="sylvestre" alt = "StSylvestre" />
</div>
<footer>
<div>
<section>
<article>
<address>
<em>Web Designer:<em> <br />
Nicolas Arias <br />
<a href = "mailto:aanico@hotmail.fr">
aanico@hotmail.fr</a>
</address>
© Tous Droits Réservés Nicolas Arias 2013
</article>
</section>
</div>
</footer></center></body>
</html>
css:
p
{
font-family: Comic Sans MS;
font-size: 29px;
text-shadow: 3px 3px 1px #2255ff;
}
.sylvestre
{
float: center;
}
header
{
color: #336699;
}
span
{
text-decoration: blink;
}
h1
{
font-family: Lucida Handwriting;
text-shadow: 5px 5px 2px red;
font-size: 50px;
}
h2
{
font-family: Mistral;
font-size: 50px;
color: red;
text-shadow: 4px 4px 2px #336699;
}
h3
{
font-family: Mistral;
font-size: 35px;
text-shadow: 4px 4px 3px #99ff00;
}
div
{
text-shadow: 3px 3px 1px purple;
}
body
{
background-color: #ff9900;
}
- soulign
{
text-decoration: underline;
}
em
{
text-decoration: underline;
}
address
{
font-family: Virtual DJ;
font-size:10px;
text-align: center;
}
footer
{
background-color: #336699;
text-align: center;
position: auto;
}
article
{
vertical-align: top;
text-align: justify;
}
img
{
float: left;
}
.nav
{
background-color: red;
}
nav a:hover
{
color: #760001;
border-bottom: 3px solid #760001;
}
nav
{
display: inline-block;
width: 740px;
text-align: right;
float: right;
}
nav ul
{
list-style-type: none;
}
nav li
{
display: inline-block;
margin-right: 15px;
float: right;
}
nav a
{
font-size: 35px;
color: #181818;
padding-bottom: 3px;
text-decoration: none;
font-family: Tempus Sans ITC;
background-color: #336699;
border: 4px solid red;
}
div#clasic
{
background-color: red;
font-size: 40px;
}
img
{
border: 7px solid red;
}
article
{
display: inline-block;
vertical-align: center;
font-size: 10px;
}
.php
{
background-color: red;
}
.commentaire
{
font-size: 30px;
font-family: Papyrus;
}
button
{
position: relative;
right: 200px;
}
.sylvestre
{
float: center;
}
Merci.
Ya t il un combinaison Ctrl ou alt-F....?
