18041 sujets

Questions générales et questions de débutants

[Résolu] Problème d'affichage sur firefox

Bonjour à tous,

je vient de commencer mon tout premier site en html et étant très débutant, j'ai eu un petit soucis.

Lorsque j'ouvre ma page sur internet explorer, l'affichage est parfait mais quand je passe sur Firefox, le "pied de page" est décalé.

Regardez plutôt:

http://studio86.free.fr/effet-eau.html

Pourriez vous me dire d'où vien ce problème?

Merci d'avance
Modifié par bolo77 (11 Nov 2006 - 18:10)
Salut,

pour commencer tu as 3 fois cet appel :

<link href="studio86.css" rel="stylesheet" type="text/css" />


et une fois celui là :
<link href="studio-css.css" rel="stylesheet" type="text/css" />

qui n'a pas l'air de servir, en plus de quelques styles en dur dans le head.

Un peu de ménage fera pas de mal.

Pour ton footer, ça doit pas etre méchant mais là j'ai pas le temps désolé, je repasse...

Bon courage.

Smiley smile
Merci pour ta réponse rapide!

En effet il y a pas mal de chose inutile... Je fait un peu de ménage et attend avec impatience ton retour.

merci encore. Smiley cligne

Smiley edit voila j'ai éliminer se qui ne servait pas:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Tuto surface eau</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="Description" content="kit studio86" />
<link rel="stylesheet" type="text/css" href="C:/Documents and Settings/C&eacute;dric/Mes documents/Studio86/studio86.css" />
<style type="text/css">
</style>
<link href="studio86.css" rel="stylesheet" type="text/css" />
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<div id="content">
  <div id="menu_haut">
    <ul>
      <li class="sep"><a href="mailto:cedric.millon@gmail.com">Contact</a></li>
      <li class="Style5"><a href="http://studio86.free.fr/Liens">Liens</a></li>
    </ul>
  </div>
  <div id="haut">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="792" height="202">
      <param name="movie" value="logonoir.swf" />
      <param name="quality" value="high" />
      <embed src="logonoir.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="792" height="202"></embed>
    </object>
  </div>
  <div id="naviguation">
    <ul>
      <li><a href="http://studio86.free.fr/site.html">Accueil</a></li>
      <li><a href="http://studio86.free.fr/Tutoriels.html">Tutoriels</a></li>
      <li><a href="http://studio86.free.fr/Galeries.html">Vos galeries </a></li>
      <li><a href="http://studio86.free.fr/Brushs.html">Brushs</a></li>
      <li><a href="http://studio86.free.fr/forum">Forum</a></li>
    </ul>
  </div>
  <div id="centre">
    <div class="spacer">&nbsp;
      <fieldset>
      <p align="center"><span class="Style4 Style8"><u>Effet surface d'eau</u></span></p>
      <p align="center">Cr&eacute;ez un nouveau document avec un fond blanc    prenez comme valeur de premier plan gris fonc&eacute; #3C3C3C couleur d'arri&egrave;re plan blanc, puis appliquez filtre rendu nuage.</p>
      <p align="center"><img src="images/nuage.png" alt="" width="200" height="200" /></p>
      <p align="center">Allez ensuite dans filtre att&eacute;nuation flour radial. Appliquez un Flou Radial de 40 en Mode Rotation de Qualit&eacute; normale.</p>
      <p align="center"><img src="images/flou radial.PNG" alt="" width="200" height="200" /></p>
      <p align="center">Appliquez le filtre Esquisse&gt; Bas-relief de D&eacute;tail 13 et Lissage 10</p>
      <p align="center">Refaire un Flou Radial de 40 en Mode Rotation de Qualit&eacute; normale</p>
      <p align="center">Puis filtre Esquisse&gt; Chrome de D&eacute;tail 10 et Lissage 5.</p>
      <p align="center">Puis pour ajouter de la couleur il faut les red&eacute;finir pour cela appuyez sur les touches : Ctrl+U  selectionnez la case red&eacute;finir puis tapez les valeurs suivantes</p>
      <p align="center"><img src="images/t-s.PNG" alt="" width="200" height="200" /></p>
      <p align="center" class="Style9">Effet final </p>
      <p align="center" class="Style9"><img src="images/effet final bleu.png" alt="" width="200" height="200" /></p>
      <p align="center" class="Style9">&nbsp;</p>
      </fieldset>
    </div>
    <div class="spacer">&nbsp;</div>
  </div>
  <div class="footer">
    <p align="center" class="Style2">| Interface graphique r&eacute;alis&eacute;e par Cedric Millon | </p>
  </div>
</div>
</body>
</html>

Modifié par bolo77 (11 Nov 2006 - 16:30)
Je suis en train de regarder pour le footer.
En ce qui concerne le nettoyage, tu pourrais même virer tous les "align=center" de tes <p> dans le <fieldset> et rajouter une css : 


fieldset p
{text-align:center;}
Pour que ton footer soit en bas, il faut que tu rajoutes la ligne CSS suivante :

.footer
{margin : 740px 0 0 0;}


à inclure dans ton .footer.

La raison en est surement que tu dois avoir un ou 2 div sans dimension, alors que tes <p> du fieldset dépassent.

Voilà, j'ai la rustine mais il faudrait approfondir la raison.
Effectivement Kwic tu avait raison! Je vien de modifier tout ça et sa passe nikel.

Merci à tous pour vos conseils et solutions (rapide en plus ^^)!

Je vous en suis très reconnaissant Smiley cligne

Bonne continuation et à bientôt!

[Problème résolu]
Sujet clos
Aller à