Pourquoi le programme html &css change selon le navigateur

Signaler
Messages postés
250
Date d'inscription
lundi 9 mars 2009
Statut
Membre
Dernière intervention
4 décembre 2013
-
Messages postés
164
Date d'inscription
samedi 16 octobre 2004
Statut
Membre
Dernière intervention
21 septembre 2010
-
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énéral
Client:
Ronaldo

Cabinet:
Michel

Dossier Complet:


Type de paiement :
Prélèvement automatique

Numéro client :
2007
Police :
Police :, Automobile,
Contrat soumis Révision :, ,
----
Contrat :,
PPE, Compagnie:, RISQUES PARTICULIERS,
Paiement :, Mensuel,
----
Date création :,
29/01/2007,
Date perte :, ,
Avenants :, ,
Prime TTC :, 0,
----
Numéro :, 4156879,
Date effet:, 29/01/2007, Indice:,
0.0, Gestion:, Non Confiée,
----
Etat :, En cours, Date écheance :,
01/02/2008, Relance :, , Apporteur:, Aucun,
----
Cont:, Aucun, Rés./susp,
, Historique:, ,
Commercial:

Conducteur Conducteur habituel:
Ronaldo
Né le :
09/06/1969
Numéro permis:
020977439

Permis: B

Date Permis:
25/09/2006
Véhicule

Caté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éhicule :
GOLF C
Cylindree : 06

Immatriculation: 723 WL 93

Modèle:19MH12
Numéro de série:
WVWZZZ19Z6513

Poids TTC : 1T360

Nombres de places :5


Remorque Marque:

Immatriculation:

Valeur: .0000
Anné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é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éé

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

1 réponse

Messages postés
164
Date d'inscription
samedi 16 octobre 2004
Statut
Membre
Dernière intervention
21 septembre 2010

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 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2) Faut vraiment que tu revoie la structure de ton html parsqu'elle vraiment pourrie !!
normalement tu es sensé avoir un squelette comme ceci :
<html>
<head>
<title>..</title>
...
</head>

...

</html>

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