Souci avec <!DOCTYPE ... >

26 juin 2006, 09:44

Si j'ouvre directement la page "http://lycee.prod.free.fr/templates/01_ ... ozilla.php" cela me retourne un message d'erreur...
Si je m'arrête sur "http://lycee.prod.free.fr/templates/01_eleves/origine/" et que je clique sur le fichier style_mozilla.php, cela me propose de télécharger un fichier vide...

Bizarre ça ne fait pas ça depuis mon poste (même en vidant tout et en redémarrant le navigateur"... Ca m'affiche ls CSS mais avec toutes les valeurs à 0px, logique...

Ce fichier "http://lycee.prod.free.fr/templates/01_ ... ozilla.php" fonctionne avec des variables mises en session. Pour qu'il s'affiche correctement, il faut donc nécessairement passer par les "passages prévus", à savoir la page de connexion.

J'explique le cheminement:
1)
http://lycee.prod.free.fr : pointe sur "index.html": on arrive sur une page sur laquelle on trouve un lien "Entrer", ce lien ouvre une fenêtre en "fullscreen". Le CSS est contenu directement dans le code de la page.

2)
En cliquant sur ce lien, on ouvre la page de connexion "index.php", dans laquelle apparait le formulaire de connexion.

On inclut tout d'abord une page appellée "headers.php" dans laquelle on trouve les balises META et la détection du navigateur, qu'on met en session

$_SESSION['navigateur']

On appelle ensuite un script JS:

<script type="text/javascript" src="includes/ecran.js"></script>

qui détermine les dimensions utilisables de l'écran. Ces variables sont écrites dans des champs cachés du formulaire de la page.

Cette page est liée à une page CSS :

<link rel="stylesheet" type="text/css" media="screen"  href="templates/00_index/origine/style_<?=$_SESSION['navigateur']?>.css" />

différente selon le navigateur utilisé.

Ensuite la page est construite, avec un petit appel à la BDD pour connaitre la liste des établissements inscrits.

Le bouton "submit" du formulaire appelle la page "connexion.php".

3) connexion.php
Les variables postées sont mises en session (avec MD5() pour le mot de passe).

Plusieurs tests sont effectués: on vérifie que les champs ne contiennent pas de caractères interdits (pouvant servir à de l'injection SQL par exemple), le jeu interdit est (PCRE) #[A-Z\W]# pour le login et #[\W]# pour le mot de passe. Les autres champs ne sont pas testés, ça pourra être implémenté plus tard. Si caractère non autorisé-->envoi sur une page d'erreur qui autorise un certain nombre de tentatives.

Ensuite on cherche le login et le mdp dans la table des utilisateurs. Si le résultat renvoyé=0 (pas trouvé d'utilisateur avec ce login/mdp), on renvoie sur une page de re-tentative (en nombre limité à 3). Si le résultat >1 alors y'a erreur critique (plusieurs utilisateurs avec même login et même mot de passe). Si on ne trouve pas la catégorie de l'utilisateur (BDD mal renseignée), on pointe sur une page d'erreur.

Si tout est correct, on récupère toutes les infos de l'utilisateur qu'on met en session. Selon sa catégorie (élève ou enseignant) on pointe sur des pages différentes. Pour l'instant seule la catégorie élèves est en préparation.

On arrive donc sur la page "01-eleves/menu.php"

4) menu.php

Là ça se complique. Tout d'abord le principe de navigation par onglets: les données nécéssaires au bon affichage sont postées par URL, mais comme je suis un poil parano (j'ai affaire à des élèves plus malins que moi en Internet) j'ai crypté les liens. De toutes façons vu qu'on est censé naviguer en plein écran, l'URL n'apparait pas mais bon...
Donc à chaque clic sur un onglet on appelle quelque chose du genre "menu.php?rvnrf6àf" Je ne m'étends pas plus là dessus, mais si ça vous intéresse je peux détailler.

En début de page HTML on réinclut la page "headers.php" contenant les balises META.

On appelle un script JS qui affiche la date et l'heure en dynamique dans un champ d'un formulaire, en haut à gauche de l'écran.

On renseigne les autres données (identification).

On appelle cette feuille "CSS" en php:

<link rel="stylesheet" type="text/css" media="screen"  href="../templates/01_eleves/origine/style_<?=$_SESSION['navigateur']?>.php" />

et cette feuille a besoin des dimensions de l'écran mises en session plus tôt, donc normal que ça foire si on pointe directement dessus. Cette page sert uniquement à la mise en page "principale", c'est à dire toute la partie supérieure (heure, identification, déconnexion, onglets de navigation, corps de la page et timer tout en bas).
La mise en page du contenu du corps est appellée dans le fichier "CSS", suivant l'onglet dans lequel on se trouve de cette façon:

<?
switch($_SESSION['page_active']){
  case "modifier_profil_eleve":include("style_modifier_profil_eleve_mozilla.php");break;
	default:echo 'erreur';break;
}
?>

Pour l'instant le seul onglet que j'ai réellement travaillé est le profil élève.

Cette page "menu.php" suivant l'onglet dans lequel on se trouve, va inclure (en corps de page) la page correspondant à l'onglet sélectionné.
Donc par exemple pour le profil on fait:

include($lien); //avec $lien="7_profil/71_modifier/modifier1.php";

5)"7_profil/71_modifier/modifier1.php"

Contient le code php/html nécessaire à l'affichage du formulaire de modification du profil.

Bon je sais c'est tordu comme principe, mais je ne voyais pas comment faire autrement...
Vous y voyez un peu plus clair? (j'espère!)

26 juin 2006, 22:35

Ceci expliqué, pourquoi le simple fait de changer de DOCTYPE peut il modifier l'apparence de la page?

Le CSS est-il lié au DOCTYPE? C'est là que je me pose des questions.

27 juin 2006, 12:14

Un petit UP pour ce drôle de souci...

28 juin 2006, 12:18

Il semblerait que ce soit le CSS qui soit en cause, mais où??

Je met le code CSS de la page:

Code : Tout sélectionner

/*----------------------------
----------- Balises ----------
-----------------------------*/

body{
  width:1024px;
  height:768px;
  overflow:hidden;
}

/*----------------------------
---------- Classes -----------
-----------------------------*/

/*-------- Onglets ----------*/

.onglet_a1{
  position:absolute;
  left:0px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a2{
  position:absolute;
  left:112px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a3{
  position:absolute;
  left:223px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a4{
  position:absolute;
  left:334px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a5{
  position:absolute;
  left:445px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a6{
  position:absolute;
  left:556px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a7{
  position:absolute;
  left:667px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a8{
  position:absolute;
  left:778px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a9{
  position:absolute;
  left:889px;
  width:136px;
  height:31px;
  border:none;
}

.onglet_a10{
  position:absolute;
  left:1000px;
  right:0px;
  height:31px;
  border:none;
}

/*-------- Horloge ----------*/

.champ_horloge{
  border:1px solid #fdc93d;
  background-color:#fdc93d;
  font:italic 12px "times new roman";
  color:#aa0000;
}

/*-------- Boutons ----------*/

.bouton{
  font-family: Times New Roman;
  font-size: 12px;
  color: #3366cc;
  font-style: italic;
  font-weight: bold;
  background-color: #77aa66;
}

/*----------------------------
-------- Identifiants --------
-----------------------------*/

/*-------- Horloge ----------*/

#horloge{
  position:absolute;
  top:0px;
  left:0px;
  width:226px;
  height:24px;
  padding-top:2px;
  background-color:#fdc93d;
  text-align:center;
}

/*------- Identité ---------*/

#identite{
  position:absolute;
  top:0px;
  left:226px;
  width:676px;
  height:24px;
  background-color:#fdc93d;
  padding-top:3px;
	
  font-family:"times new roman", serif;
  font-size:13px;
  color:#777777;
  text-align:center;
}

/*------ Déconnexion --------*/

#deconnecte{
  position:absolute;
  top:0px;
  left:902px;
  width:123px;
  height:24px;
  background-color:#fdc93d;
  padding-top:1px;
	
  font-family:"times new roman", serif;
  font-size:14px;
  color:#777777;
  text-align:center;
}

/*---- Onglets niveau 1 ------*/

#onglets_niv1{
  position:absolute;
  top:47;
  left:0px;
  width:1024px;
  height:31px;
  background-color:#fdc93d;
}

/*-------- Espace ----------*/

#spacer{
  position:absolute;
  top:54px;
  left:0px;
  width:1024px;
  height:12px;
}

/*---- Onglets niveau 2 ------*/

#onglets_niv2{
  position:absolute;
  top:66px;
  left:0px;
  width:1024px;
  height:31px;
}

/*------ Corps de texte --------*/

#corps{
  position:absolute;
  top:96px;
  left:0px;
  width:1024px;
  height:649px;
}

/*-------- Timer page ----------*/

#timer{   
  width:1024px;
  top:745px;
  left:0px;
  height:24px;
  position:absolute;

  font:italic 10px "Arial";
  color:#000000;
  text-align:center;
}

/*-------- Messages utilisateur ----------*/

#user_msg{   
  width:501.76px;
  top:2px;
  left:512px;
  height:27px;
  position:absolute;	

  font:bold italic 17px "Arial";
  color:#ff0000;
  text-align:right;
  text-decoration:blink;
}

/*-------- Validation XHTML ----------*/

#valid{   
  width: 40%;
  bottom: 0%;
  left: 60%;
  top:97%;
  height:3%;
  position: absolute;
  border: none;
  text-align:left;
  height:3%;
}

#valid1{
  height:100%;
  border:none;
}

Voici le code PHP de la page:

<?
$depart=timer();
session_start();
//Si l'utilisateur ne s'est pas logué
if($_SESSION['login_valide']!="1"){
  header("location:../includes/erreur3.php");
}

//Si l'utilisateur est correctement logué
else{
  //Appel de la fonction de cryptage/décryptage du lien passé en URL
  require("../includes/crypt.php");

	//On décrypte le lien
  $lien2=decrypt($_SERVER['QUERY_STRING']);

	//On isole les différentes variables de ce lien
  $masque="#\[((?:.(?!\[))*)\]#i";
  preg_match_all($masque, $lien2, $variables);

	//On compte le nombre de liens passés dans l'URL
  $count=count($variables[1]);

	//Pour tous les liens, on exécute le code
  for($de=0; $de<$count; $de++){
    eval($variables[1][$de]);  
  }
  
	//Choix de l'ordre d'affichage, de la couleur du corps et du lien pour tous les onglets
  switch($w){
    case "1":$index_a['1']=9;$index_a['2']=8;$index_a['3']=7;$index_a['4']=6;$index_a['5']=5;$index_a['6']=4;$index_a['7']=3;$index_a['8']=2;$index_a['9']=1;$color_a="00ff80";$y=4;
	  switch($z){
	    case "1":$index_b['1']=4;$index_b['2']=3;$index_b['3']=2;$index_b['4']=1;$color_b="c1e9d5";$lien="1_planning/11_annee/annee1.php";break;
		  case "2":$index_b['1']=1;$index_b['2']=4;$index_b['3']=3;$index_b['4']=2;$color_b="81e5b0";$lien="1_planning/12_trimestre/trimestre1.php";break;
		  case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=4;$index_b['4']=3;$color_b="43dc90";$lien="1_planning/13_mois/mois1.php";break;
		  case "4":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$index_b['4']=4;$color_b="02c966";$lien="1_planning/14_seance/seance1.php";break;
	  }break;
	  case "2":$index_a['1']=1;$index_a['2']=9;$index_a['3']=8;$index_a['4']=7;$index_a['5']=6;$index_a['6']=5;$index_a['7']=4;$index_a['8']=3;$index_a['9']=2;$color_a="b27be6";$color_b="b27be6";$y=0;$lien="2_tp/tp1.php";break;
    case "3":$index_a['1']=1;$index_a['2']=2;$index_a['3']=9;$index_a['4']=8;$index_a['5']=7;$index_a['6']=6;$index_a['7']=5;$index_a['8']=4;$index_a['9']=3;$color_a="e0e67b";$y=4;
	  switch($z){
	    case "1":$index_b['1']=4;$index_b['2']=3;$index_b['3']=2;$index_b['4']=1;$color_b="f6fab4";$lien="3_compte_rendus/31_uploader/uploader1.php";break;
		  case "2":$index_b['1']=1;$index_b['2']=4;$index_b['3']=3;$index_b['4']=2;$color_b="f5fd74";$lien="3_compte_rendus/32_realises/realises1.php";break;
		  case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=4;$index_b['4']=3;$color_b="e5ef36";$lien="3_compte_rendus/33_auto_evaluation/auto_evaluation1.php";break;
		  case "4":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$index_b['4']=4;$color_b="c7d300";$lien="3_compte_rendus/34_autres_operations/autres_operations1.php";break;
	  }break;
	  case "4":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=9;$index_a['5']=8;$index_a['6']=7;$index_a['7']=6;$index_a['8']=5;$index_a['9']=4;$color_a="3671c3";$y=3;
	  switch($z){
	    case "1":$index_b['1']=3;$index_b['2']=2;$index_b['3']=1;$color_b="aec0d9";$lien="4_pieces/41_pieces_tp/pieces_tp1.php";break;
		  case "2":$index_b['1']=1;$index_b['2']=3;$index_b['3']=2;$color_b="7094c6";$lien="4_pieces/42_autres_pieces/autres_pieces1.php";break;
		  case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$color_b="3768ac";$lien="4_pieces/43_autres_operations/autres_operations1.php";break;		
	  }break;
	  case "5":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=9;$index_a['6']=8;$index_a['7']=7;$index_a['8']=6;$index_a['9']=5;$color_a="b5b8bc";$y=2;
	  switch($z){
	    case "1":$index_b['1']=2;$index_b['2']=1;$color_b="d7dade";$lien="5_outillage/51_nouvelle_jauge/nouvelle_jauge1.php";break;
		  case "2":$index_b['1']=1;$index_b['2']=2;$color_b="919294";$lien="5_outillage/52_consulter/consulter1.php";break;			
	  }break;
	  case "6":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=9;$index_a['7']=8;$index_a['8']=7;$index_a['9']=6;$color_a="006cff";$y=2;
	  switch($z){
	    case "1":$index_b['1']=2;$index_b['2']=1;$color_b="00beff";$lien="6_programmes/61_actuels/actuels1.php";break;
		  case "2":$index_b['1']=1;$index_b['2']=2;$color_b="00a0ff";$lien="6_programmes/62_uploader/uploader1.php";break;			
	  }break;
	  case "7":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=6;$index_a['7']=9;$index_a['8']=8;$index_a['9']=7;$color_a="7be0e6";$y=3;
	  switch($z){
	    case "1":$index_b['1']=3;$index_b['2']=2;$index_b['3']=1;$color_b="88f8ff";$lien="7_profil/71_modifier/modifier1.php";break;
		  case "2":$index_b['1']=1;$index_b['2']=3;$index_b['3']=2;$color_b="74d2d8";$lien="7_profil/72_notes/notes1.php";break;
		  case "3":$index_b['1']=1;$index_b['2']=2;$index_b['3']=3;$color_b="5fb1b6";$lien="7_profil/73_agenda/agenda1.php";break;		
	  }break;
	  case "8":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=6;$index_a['7']=7;$index_a['8']=9;$index_a['9']=8;$color_a="00aa20";$color_b="00aa20";$y=0;$lien="../03_forum/forum1.php";break;
	  case "9":$index_a['1']=1;$index_a['2']=2;$index_a['3']=3;$index_a['4']=4;$index_a['5']=5;$index_a['6']=6;$index_a['7']=7;$index_a['8']=8;$index_a['9']=9;$color_a="fc7b7b";$color_b="fc7b7b";$y=0;$lien="../04_messages_prives/messages_prives1.php";break;
  }

?>
<!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" lang="fr" xml:lang="fr">
  <head>
    <title>Gestion en productique, pages élève</title>
<?
  //Appel balises META
  include("../includes/headers.php");
?>
    <script src="../includes/date.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" media="screen"  href="../templates/01_eleves/origine/style_<?=$_SESSION['navigateur']?>.php" />  
  </head>
  <body onload="heure()">    
    <form id="formhorloge" action="">
      <div id="horloge">
        <input type="text" class="champ_horloge" name="horloge" size="38" value="" style="text-align: center" />
      </div>
    </form>
    <div id="identite">Vous êtes connecté sous: <?=$_SESSION['utilisateur_prenom']." ".$_SESSION['utilisateur_nom'].", ".$_SESSION['classe_nom'].", ".$_SESSION['etablissement_type']." ".$_SESSION['etablissement_nom'].", ".$_SESSION['etablissement_code_postal']." ".$_SESSION['etablissement_ville']?></div>   
      <form id="deconnexion" action="../deconnexion.php" method="post">
        <div id="deconnecte">
          <input type="submit" class="bouton" value="Se déconnecter" />
        </div>
      </form>
    <div id="onglets_niv1">
<?
  //Cycle d'affichage des onglets niveau 1
  for($x=1;$x<=9;$x++){

  // Encryptage des liens [$w=1][$z=3] par exemple
  $lien_niv1=encrypt("[\$w=".$x.";][\$z=1;]");
?>
      <a href="menu.php?<?=$lien_niv1?>"><img class="onglet_a<?=$x?>" style="z-index:<?=$index_a[$x]?>" src="menu/<?=$x?><?if($w!=$x){echo '_trait';}else{echo'';}?>.gif" alt="" /></a>
<?
  }
?>
      <img class="onglet_a10" src="menu/trait.gif" alt="" />
    </div>
    <div id="spacer" style="background-color:#<?=$color_a?>"></div>
    <div id="onglets_niv2" style="background-color:#<?=$color_a?>">
<?
  //Cycle d'affichage des onglets niveau 2
  for($x=1;$x<=$y;$x++){
	
	// Encryptage des liens [$w=1][$z=3] par exemple
  $lien_niv2=encrypt("[\$w=".$w.";][\$z=".$x.";]");
?>
      <a href="menu.php?<?=$lien_niv2?>"><img class="onglet_a<?=$x?>" style="z-index:<?=$index_b[$x]?>" src="menu/<?=$w.$x?><?if($z!=$x){echo '_trait';}else{echo'';}?>.gif" alt="" /></a>
<?
  }
  for($m=($y+1);$m<=10;$m++){
    if($y==0)continue;
?>
      <img class="onglet_a<?=$m?>" src="menu/trait.gif" alt="" />
<?
  }
?>
    </div>
    <div id="corps" style="background-color:#<?=$color_b?>">
<?
  //Appel de la page du corps
  include($lien);
?>
    </div>
<?
}
function timer(){
  $time=explode(' ',microtime());
  return $time[0] + $time[1];
}

$fin=timer();
$delai=number_format($fin - $depart,4);
?>
    <div id="timer" style="background-color:#<?=$color_b?>">Page générée en <?=$delai?> secondes</div>   
    <div id="valid">
      <a href="http://validator.w3.org/check?uri=referer">
        <img id="valid1" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" />
      </a>
    </div>
  </body>
</html>

Et enfin le code source de la page générée:

<!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" lang="fr" xml:lang="fr">
  <head>
    <title>Gestion en productique, pages élève</title>
    <meta name="Description" content="Gestion de la productique en lycée technique" />
    <meta name="Keywords" content="ISI ISP initiation sciences ingénieur informatique systèmes production productique technique gestion" />
    <meta name="Author" content="Lord Anonymous" />
    <meta name="Mail" content="[email protected]" />
    <meta name="Generator" content="HTML-Kit: http://www.chami.com/html-kit/" />

    <script src="../includes/date.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" media="screen"  href="../templates/01_eleves/origine/style_mozilla.php" />  
  </head>
  <body onload="heure()">    
    <form id="formhorloge" action="">
      <div id="horloge">
        <input type="text" class="champ_horloge" name="horloge" size="38" value="" style="text-align: center" />
      </div>
    </form>

    <div id="identite">Vous êtes connecté sous: Blabla, 2nde 03, Lycée polyvalent Delamare-Deboutteville, 123456 Forges les Eaux</div>   
      <form id="deconnexion" action="../deconnexion.php" method="post">
        <div id="deconnecte">
          <input type="submit" class="bouton" value="Se déconnecter" />
        </div>
      </form>
    <div id="onglets_niv1">
      <a href="menu.php?I3No-ruI3ko-ru"><img class="onglet_a1" style="z-index:9" src="menu/1.gif" alt="" /></a>
      <a href="menu.php?I3NoeruI3ko-ru"><img class="onglet_a2" style="z-index:8" src="menu/2_trait.gif" alt="" /></a>

      <a href="menu.php?I3NoOruI3ko-ru"><img class="onglet_a3" style="z-index:7" src="menu/3_trait.gif" alt="" /></a>
      <a href="menu.php?I3NoCruI3ko-ru"><img class="onglet_a4" style="z-index:6" src="menu/4_trait.gif" alt="" /></a>
      <a href="menu.php?I3NolruI3ko-ru"><img class="onglet_a5" style="z-index:5" src="menu/5_trait.gif" alt="" /></a>
      <a href="menu.php?I3NoFruI3ko-ru"><img class="onglet_a6" style="z-index:4" src="menu/6_trait.gif" alt="" /></a>
      <a href="menu.php?I3NoyruI3ko-ru"><img class="onglet_a7" style="z-index:3" src="menu/7_trait.gif" alt="" /></a>
      <a href="menu.php?I3NonruI3ko-ru"><img class="onglet_a8" style="z-index:2" src="menu/8_trait.gif" alt="" /></a>
      <a href="menu.php?I3NoEruI3ko-ru"><img class="onglet_a9" style="z-index:1" src="menu/9_trait.gif" alt="" /></a>
      <img class="onglet_a10" src="menu/trait.gif" alt="" />
    </div>

    <div id="spacer" style="background-color:#00ff80"></div>
    <div id="onglets_niv2" style="background-color:#00ff80">
      <a href="menu.php?I3No-ruI3ko-ru"><img class="onglet_a1" style="z-index:4" src="menu/11.gif" alt="" /></a>
      <a href="menu.php?I3No-ruI3koeru"><img class="onglet_a2" style="z-index:3" src="menu/12_trait.gif" alt="" /></a>
      <a href="menu.php?I3No-ruI3koOru"><img class="onglet_a3" style="z-index:2" src="menu/13_trait.gif" alt="" /></a>
      <a href="menu.php?I3No-ruI3koCru"><img class="onglet_a4" style="z-index:1" src="menu/14_trait.gif" alt="" /></a>
      <img class="onglet_a5" src="menu/trait.gif" alt="" />
      <img class="onglet_a6" src="menu/trait.gif" alt="" />
      <img class="onglet_a7" src="menu/trait.gif" alt="" />

      <img class="onglet_a8" src="menu/trait.gif" alt="" />
      <img class="onglet_a9" src="menu/trait.gif" alt="" />
      <img class="onglet_a10" src="menu/trait.gif" alt="" />
    </div>
    <div id="corps" style="background-color:#c1e9d5">
<p><a href="menu.php?I3No-ruI3ko-ru">Cliquer ici pour voir ce que ça donne avec l'entete conforme XHTML</a></p>
<p><a href="menu2.php?I3No-ruI3ko-ru">Cliquer ici pour voir ce que ça donne avec l'entete simple</a></p>
<p>
Allez voir le code source</p>

<p>
Planning de l'année</p>
    </div>
    <div id="timer" style="background-color:#c1e9d5">Page générée en 0.0027 secondes</div>   
    <div id="valid">
      <a href="http://validator.w3.org/check?uri=referer">
        <img id="valid1" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" />
      </a>
    </div>

  </body>
</html>

Je sais c'est très long mais je n'ai toujours pas réussi à me sortir de ce problème.

28 juin 2006, 14:19

Bon j'ai bricolé l'id onglets_niv1 en rajoutant margin-top:11px; mais c'est du bricolage...
Visuellement ça colle mais je trouve cela curieux quand même.

Souci avec <!DOCTYPE ... >

Qui est en ligne