Page décalle

Page décalle - HTML/CSS - Programmation

Marsh Posté le 14-04-2006 à 13:27:05    

Le haut de ma page décalle de beaucoup. Sous Firefox, tout est ok.
 
Je ne vois pas le problème.
 
http://www.ats3r.org/coupe.php
 
Merci de jeter un coup d'oeil!

Reply

Marsh Posté le 14-04-2006 à 13:27:05   

Reply

Marsh Posté le 14-04-2006 à 13:31:29    

Code :
  1. </head>
  2. <!-- &nbsp;   espace-->
  3. <body>
  4. <!-- Affichage de la bannière -->
  5. ...
  6.  <div id="conteneurmenu">
  7.    <link rel="stylesheet" type="text/css" href="menu.css">
  8. <script language="javascript" type="text/javascript" src="menu.js"></script>
  9. </head>
  10. <body>


YUMMMI!!!!

Reply

Marsh Posté le 14-04-2006 à 14:02:35    

Ça fait trois mois que c'est ainsi et c'était ok.  
 
Je ne comprends pas mais là, c'est ok sous explorer et inacceptable sous firefox.
 
Le menu est un include et il y a des corrections à apporter pour éviter la répétition de code.


Message édité par fourniey le 14-04-2006 à 14:09:07
Reply

Marsh Posté le 14-04-2006 à 15:35:55    

Si j'enlève le <div id="container"> sous <body>,  ça fonctionne sous Explorer mais pas sous Firefox.


Message édité par fourniey le 14-04-2006 à 15:37:00
Reply

Marsh Posté le 14-04-2006 à 16:03:14    

Firefox et IE ne gére pas les DIV de la méme maniére ==>la solution: faire deux css différents une pour IE et une pour FIREFOX

Reply

Marsh Posté le 14-04-2006 à 16:08:29    

L'utilisation de div est compliqué pas mal finalement.

Reply

Marsh Posté le 14-04-2006 à 16:11:05    

hardrog a écrit :

Firefox et IE ne gére pas les DIV de la méme maniére ==>la solution: faire deux css différents une pour IE et une pour FIREFOX


...  [:pingouino] ... n'importe quoi ...
 
Founiery, commence par "corriger" ta page xhtml, tu spécifies un doctype xhtml1.1 mais ta page génère 37 warnings à la validation.
Et puis "la tendance" veut qu'on evite d'utiliser des tableaux pour faire de la mise en page, je te laisse lire cet excellent article: http://openweb.eu.org/articles/problemes_tableaux/
Si ton document n'est pas valide, il est difficile de s'assurer d'un rendu identique sur tous les navigateurs.
Une fois cela fait, on se penchera sur tes css.
 
edit: quand je parle de tableau je ne parle parle pas du tableau des scores en bas qui doit l'être mais plus du tableau utilisé juste avant pour les 3 images( ouais une bonne phrase incompréhensible)


Message édité par anapajari le 14-04-2006 à 16:13:21
Reply

Marsh Posté le 14-04-2006 à 16:24:53    

comment tu fais pour savoir qu'il y a 37 warning ?

Reply

Marsh Posté le 14-04-2006 à 16:32:03    

Reply

Marsh Posté le 14-04-2006 à 16:40:19    

Ben voyons donc, je ne trouve pas ces erreurs dans mon fichier.
 
Je ne sais pas où est le problème mais les deux premières erreurs n'existent pas dans mon fichier.
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 <head>
  <title>ATS-Coupe</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="description" content="Site WEB" />
  <meta name="keywords" content="soccer,Trois-Rivières,Trifluvienne,Association,Mauricie,intérieur,ballon,foot,coupe,tournoi,Elka" />
  <meta name="author" content="Yvan Fournier" />
  <link rel="stylesheet" href="style.css" type="text/css" media="screen,projection" />
 </head>
<body>
 
  <div id="top">
    <p class="top">
    <a href="http://www.ats3r.org"><img src="images/img/accueil.gif" border="0" alt="Revenir à la page d'accueil"></a>
    <a href="mailto:info@ats3r.org"><img src="images/img/email.gif" border="0" alt="Nous rejoindre par courriel"></a>
    </p>
  </div>  
  <div id="conteneurmenu">
   <?php include "menu.php"; ?>
   <!-- Bloc sous menu -->
   <div id="wrap1">
    <!-- Bloc sous onglets excluant le pied de page -->
    <div id="wrap2">
     <div id="topbox">
     <!--
      <p align="Center"><br />
       <marquee style="color: Green" scrollamount="5" scrolldelay="120" width="80%"><h2></h2></marquee>
      </p><br />
     -->
     <br />  
      <p align="center"><a href="documents/coupe/horaire.xls"><big>Cliquer ici pour obtenir l'horaire officiel</big></a></p>
      <p align="center"><a href="documents/coupe/reglement2006.doc"><big>Cliquer ici pour obtenir les règlements</big></a></p>
     </div>  
     <br />
     <!-- Bloc principal -->
     <a id="main"></a>
      <div id="content">
       <table align="center"border=2 width="720">
        <tr>
         <td align="center"><img src="images/ats/coupe.gif" height="100" width="100" border="0" alt="Coupe trifluvienne"/></td>
         <td align="center"><h2>22e édition de la Coupe Trifluvienne<br /> de soccer intérieur</h2><h3>Filles / Garçons<br />du 10 au 30 avril 2006<br />Tournoi sanctionné par la F.S.Q.<br />Date limite d'inscription: <u>mardi 28 mars 2006</u><br /><a href="mailto:coupe@ats3r.org">Courriel : coupe@ats3r.org</h3></td>
         <td align="center"><a href="http://www.v3r.net/portail/index.aspx"><img src="images/ats/part/tr.gif"  height="100" width="100" border="0" alt="Ville de Trois-Rivières"/></a></td>
        </tr>      
       </table><br/>
       
       
       <table align="center" border="10">
        <caption><h1>Résultats des parties</h1></caption>  
 
<tr>
 <td align="center" width="50"><b>No</b></td>
 <td align="center" width="90"><b>Catégorie</b></td>
 <td align="center" width="50"><b>Heure</b></td>
 <td align="center" width="100"><b>Local</b></td>
 <td align="center" width="50"><b>But</b></td>
 <td align="center" width="100"><b>Visiteur</b></td>
 <td align="center" width="50"><b>But</b></td>
</tr>
<tr><td align="center" valign="center" colspan="7"><b>Lundi 10 avril 2006</b></td></tr>
 
</table>
 
       
       
       
      </div> <!-- Fermeture de id=content -->
    </div> <!-- Fermeture de wrap2 -->
   </div> <!-- Fermeture de wrap1 -->
  </div> <!-- Fermeture de conteneurmenu -->
 </div> <!-- Fermeture de contener -->
</body>
 
</html>


Message édité par fourniey le 14-04-2006 à 16:56:46
Reply

Marsh Posté le 14-04-2006 à 16:40:19   

Reply

Marsh Posté le 14-04-2006 à 16:58:52    

J'en reviens pas, je suis entrain de tester quelques sites ton adresse et ya rien de bon et des tonnes d'erreurs.
 
Je ne sais ce qui se passe mais les balises sont fermées et on indique que ce n'Est pas le cas.
 
Difficile d'être plus catholique que le Pape.

Reply

Marsh Posté le 14-04-2006 à 17:00:52    

une balise image par exemple doit être fermé:

Code :
  1. <img .../>


Message édité par anapajari le 14-04-2006 à 17:01:30
Reply

Marsh Posté le 14-04-2006 à 17:13:45    

je veux bien corriger les erreur mais encore faut-il les trouver.
 
Ici, je ne vois pas.
 
Error  Line 15 column 76: there is no attribute "border".
 
... src="images/img/accueil.gif" border="0" alt="Revenir à la page d'accueil"/>
 
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
 
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
 
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.
 

Reply

Marsh Posté le 14-04-2006 à 17:16:28    

border existe plus en xhtml, c'est extactement ce que dit:

Citation :


the document type you are using does not support that attribute for this element...(this is usually fixed by using CSS to achieve the desired effect instead).

donc il faut utiliser les css [:spamafote]


Message édité par anapajari le 14-04-2006 à 17:17:06
Reply

Marsh Posté le 14-04-2006 à 17:53:35    

je devrais plutôt enlever xhtml; ce n'Est pas moi qui ai mis cela!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed