pourquoi le programme html &css change selon le navigateur

Question

Bonjour à tous ;
je débute en html et css ; et en ce moment je crée une application php ; mais voilà je suis confronté à un problème que j'ai dû mal à résoudre durant qlq semaines et que çà commence à me casser la tête :
voici le code :



    
          
    











        Fonction recherche
       

      

    
    




    


       



    

         
         




  

  


      

          





  


    




         



G&eacute;n&eacute;ral 
Client: 
 Ronaldo 
 
 Cabinet: 
Michel 
 
 Dossier Complet:

 
 Type de paiement :
 Pr&eacute;l&egrave;vement automatique  

 Num&eacute;ro client : 
 2007  
   Police : 
 Police :,  Automobile,
Contrat soumis R&eacute;vision :,  ,
----
 Contrat :,
PPE,  Compagnie:, RISQUES PARTICULIERS,
Paiement :, Mensuel,
----
Date cr&eacute;ation :,
29/01/2007,
Date perte :,  ,
Avenants :,  ,
Prime TTC :,   0,
----
Num&eacute;ro :,  4156879,
Date effet:, 29/01/2007, Indice:,
0.0, Gestion:, Non Confi&eacute;e,
----
Etat :, En cours,   Date &eacute;cheance :,
01/02/2008,  Relance :,  , Apporteur:,  Aucun,
----
Cont:, Aucun,  R&eacute;s./susp,
,  Historique:,  ,
 Commercial:
 
 Conducteur  Conducteur habituel: 
 Ronaldo
 N&eacute; le :  
 09/06/1969   
  Num&eacute;ro permis: 
 020977439    
 
  Permis:  B
 
 Date Permis: 
 25/09/2006     
 V&eacute;hicule 

 Cat&eacute;gorie:
  V.Particulier  
  
 Marque: 
 VOLKSWAGEN 
 Bonus Malus Ancien : 
  
 
 Bonus Malus  : 
 1,00 
 
  Condition generales : 
  
  Date Condition generales : 
   
   Mise en circulation  :
 04/09/1986  


 
   Type de v&eacute;hicule : 
 GOLF C
    Cylindree : 06

   Immatriculation: 723 WL 93
 
 Mod&egrave;le:19MH12 
 Num&eacute;ro de s&eacute;rie: 
 WVWZZZ19Z6513
   
  Poids TTC : 1T360 

  Nombres de places :5  
 
 
 Remorque Marque:
 
Immatriculation:  

 Valeur:  .0000 
 Ann&eacute;e:    
 
 PTC: 0  
  
  
 Utilisation  Usage Compagnie : DPP  

 Conduite exclusive : 
  Zone :  
 
  Autre Conducteur :  
 
  Date naissance : 
 
  Permis : 
 
  numero permis :  
 
 Date permis : 
  
  Garanties: 
 
  RCPJ :
 
  Bdg :
 
 Vol :
 
 Incendie :
 
 Tempetes :
  
 Cat.nat :

 DTA :
  Access :
 
   Effets :
 
    Conducteur :
 V&eacute;h remp:
 
   Ind leasing:

 Dom.Collision: 
  
 
  Franchise et Montants Franchise Vol:0  
Franchise incendie:0 

 Franchise dommage:0 

 Franchise tempetes:0 
 
 Franchise effets:0 

 Franchise conducteur:0 

 Franchise accessoires:0 
 
 Franchise conducteur exclusif:
 
 Franchise Catastrophe nat:.0000 

 Franchise Dom.Collision:0 

 Conducteur novice:
 
Franchise Conducteur novice:750.00   
 
 Montant effets:0 

 
  Autres Infos Date controle technique:

   Optique comprise: 
 
  Protections 
 Gravage
Alarme Agr&eacute;&eacute;
 
 Type de garage: Voie publique
 






la partie css :

*
{
    background-color: white;
}

fieldset
{
   /* background-color: silver; */

    background-color: white; 
}
legend
{

    font-weight: bold;
    font-size: large;


    font-style: italic;
}
/* fieldset general */
.general
{

    display: block;
     width: 38%;

    height: 4.5cm;


   
   
}
/*les labels valeurs ds generation*/
.gen
{
  
    color: blue;
    text-align: center;
    font-size: large;

     
}
.num
{
    
    color: red;
    
    font-size: large;
   
    
  
}


 
label,td
{

    
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bolder;
     
        
  
}

/* fieldset police */

.police
{

    
    
    border-top-width: 10px;
    border-top-color: red;
    border-bottom-width: 10px;
    border-bottom-color: red;
}

.pol
{
    
    color: red;
   text-align: center;
}

.tablepolice
{


   border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;

     height: 5cm;
    width: 100%;
}

.tablepolice td
{

   
    border-right-style: solid;

    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-collapse: collapse;
    

}

.valeur
{
    color: blue;

    text-align: center;
}

/* on passe au conducteur */
.conducteur
{
    display: block;
      width: 30%;

    position: absolute;
    left: 40%;

    top: 1%;

    height: 4.5cm;
}

/*on passe au fieldset utilisation*/
.utilisation
{

    width: 25.5%;
    
    position: absolute;
    height: 4.5cm;
    top: 1%;
    left: 72%;
}

/* pour la zone */
#zone
{
    
    margin-left: 0.5cm;

   
}

.numpermis
{
    
    color: red;
}
.util
{
    font-size: large;

    color: blue;
}

/* pour autre conducteur */
#autreconducteur
{
    
    font-style: italic;
    text-decoration: underline;
}
/* vehicule */


#immat
{
    
    color: red;
}



.milieuvehicule
{
    display: block;
    
    position: absolute;
    left: 500px;
    

    top: 445px;



   
   
    
    height: 5cm;
}

.remorque
{
    display: block;
     width: 30%;


    
    position: absolute;
    left: 69.5%;

    top: 451px;
}


#partie2
{

    display:block ;
    position: absolute;



    top: 655px;
    left: 500px;
}

/* garantie fieldset*/
.garanties
{

   
   display: block;

  
}

/*protection */
.protection
{

    display: block;
    width: 27.5%;
    position: absolute;

    left: 70%;

    
    
    top: 660px;
}

.infos
{

    display: block;
    width: 27.5%;

    position: absolute;

    left: 70%;
    top: 800px;
}

/*franchise et montant */

.montant
{


  display: block;
     height: 6.5cm;
    left: 50%;

    
    top: 90%;
    
   
}

/* fieldset residence - veranda -protection */
.residence
{

   
   
    width: 10%;
}



si vous tester ces codes ; vous allez être confronté à un problème délicat et j'en suis sûr que c'est la partie css qui est la cause vu que je ne maitrise pas trop :
le premier problème ; les fieldset qui seront placés selon le code css 
dès fois s'affiche pas dans la bonne position je veux dire au lieu d'être aligné ; s'écarte et encore pire dès fois l'affichage diffère selon le navigateur (IE ou firefox ) ; je ne sais pas trop ce qui m'a surpris c'est que j'ai testé le même code sur firefox sur mon portable ; et quand je voulais tester et installer sur un autre avec firefox çà se comporte différemment et même la police n'est plus la même 
pire sur IE rien ne va plus ; les fieldset qui se met n'importe où ; avec des caractères très grand ; il faut toujours réduire le zoom 

si quel'qu'un aura une solution à tout ces prblèmes ; je serai ravi :aie:

merci d'avance

jimmypage64 · Answer

Salut, 1) pour eviter les problèmes d'affichages entre les différents navigateurs tu peux deja mettre un DocType en entete de ton document HTML, il sera plus normalisé .. Rajoute cette ligne en première ligne de ta page HTML : 2) Faut vraiment que tu revoie la structure de ton html parsqu'elle vraiment pourrie !! normalement tu es sensé avoir un squelette comme ceci : .. ... ... Toi tu as des balises html, body, .. dans tous les sens !! Tu peux trouver des generateurs de squelette sur internet. 3)Ta question n'a aucun arpport avec Php donc n'a pas trop sa place ici .. @+ [8)]Zoso

Pourquoi le programme html &css change selon le navigateur

1 réponse

Votre réponse

Discussions similaires