Préntation différente entre Mozilla et IE

par **mibs** » 16 nov. 2005, 13:39

Merci cyrano de ton aide, en effet ça fonctionne à présent ^^ merci du conseil !!

Je vous tiens au courant

par **Cyrano** » 15 nov. 2005, 23:30

Un <div> est un élément de type "Bloc": tu peux donc lui donner des dimensions. Essaye comme ça, tu auras la même choses tous navigateurs:

Code : Tout sélectionner

body
{
    background-color: #000000 ; /* couleur de fond de la page*/
}
#conteneur 
{
    background-color: #FFFFFF ;
    padding: 0;
    width: 400px ;
    height: 200px;
}

Par ailleurs, je te signale que les commentaires en html, c'est :

Code : Tout sélectionner

Et non

Code : Tout sélectionner

<! commentaires >

par **m1bs** » 15 nov. 2005, 23:23

Merci de votre aide, je viens d'aller sur le lien. oui c'est intéressant je fait des tests mais pour le moment j 'ai pas une seule fois où j'ai pus avoir une fenêtre identique dans les 2 naviguateurs

Et pourtant... regardez le codes est vraiment réduit à son maximum

Le fichier css

body
{
background-color: #000000 ; /* couleur de fond de la page*/
}
 
#conteneur  
{ 

background-color: #FFFFFF ;
width: 400px ; padding: 100px ;
}

Et ma page concernée

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <! faire appel à mon fichier css forme.css>
      <link rel="stylesheet" media="screen" type="text/css" title="design defaut" href="forme.css" /> <! faire appel à mon fichier css forme.css>
  </head>
 
 
<body> 

<div id="conteneur">
     
</div> 
</body>
</html>

Je m'y prend mal ? , c'est vraiment étrange pourtant ça me paraît défini juste...

par **nicolas** » 14 nov. 2005, 14:30

Je te conseille d'aller lire cet article (et d'autres même) pour comprendre pour quoi l'affichage n'est pas le même sous ie et firefox.

http://openweb.eu.org/articles/dimensions_boites_css/

p.s: c'est moi juste au dessus.

par **Invité** » 14 nov. 2005, 14:23

ok, à présent ce n'est plus très clair pour moi...

Désolé ce n'était pas pour t'embêter. C'est juste que jeff était un peu trop catégorique dans ses affirmations.
C'est tout de même une bonne habitude de mettre un doctype. Comme je le disais, dans le cas contraire (si tu n'en mets pas) le navigateur passe en mode dégradé et ce n'est pas généralement ce que l'on souhaite.

ce que je voulais faire est réalisable ou pas, je veux dire ok c bien de me montrer ceci matrice etc... mais ça m'aide pas vraiment

Oui ce que tu souhaites faire est réalisable.

par **mibs** » 13 nov. 2005, 23:12

ok, à présent ce n'est plus très clair pour moi...

ce que je voulais faire est réalisable ou pas, je veux dire ok c bien de me montrer ceci matrice etc... mais ça m'aide pas vraiment

par **nicolas** » 13 nov. 2005, 21:38

en fait un doctype fixe des regles au navigateur
par exemple cela permet de dire a un navigarteur si il doit interpreter une balise (ou de fixer son comportement)
il est donc fondamental d'en mettre un (il permet aussi de fixer des probelmen d'interpretation des navigateurs)

Le doctype n'est absolument pas obligatoire. Sans doctype la plupart des navigateurs passe en mode quirk (dégradé).

si tu veut faire du xml tu doit en lus declarer le document en tant que xml
Code : Tout sélectionner
<?xml version="1.0" encoding="iso-8859-1" ?>

La non plus ce n'est pas obligatoire. C'est même déconseillé car cela fait passer IE en mode quirk.

Tout est là:
http://hsivonen.iki.fi/doctype/ (matrice de compatibilité)

xhtml est fait pour separer le contenu de la mise en forme (css)

Je crois que c'est ce qui me gêne le plus dans ton message. xhtml n'est pas plus fait pour séparer le contenu de la mise en forme que html. On peut très bien séparer forme et présentation en html. On peut très bien tout mélanger en xhtml. Tu fais malheureusement un amalgame comme beaucoup.

par **Invité** » 13 nov. 2005, 21:20

Me revoilà , j'ai simplifié au maximum

Voici mon code de la page.php je l'ai simplifiée au max, un carré blanc sur un fond noir sa taille n'est pas la même sur IE que sur Mozilla même après modification

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <! faire appel à mon fichier css forme.css>
      <link rel="stylesheet" media="screen" type="text/css" title="design defaut" href="forme.css" /> <! faire appel à mon fichier css forme.css>
  </head>
 

<body>
  <div id="conteneur">
      <div id="conteneur2">
      </div>
  </div> 
</body>
</html>

et mon css que revoici

body /* Je travaille sur la balise body, donc sur TOUTE la page */
{
background-color: #000000 ; /* couleur de fond de la page*/
width:50%;
margin:50px;
padding:0px;
margin:0px;

}
 
#conteneur 
{ 
font-family: arial, verdana, sans-serif ;
font-size: 10pt ; color: black ;
background-color: #FFFFFF ;
width: 400px ; padding: 100px ;
border: 2px solid black; 
}
#conteneur2
{ 
font-family: arial, verdana, sans-serif ;
font-size: 10pt ; color: black ;
background-color: #FFFFF ;
width: 101px ; padding: 101px ; 
}

par **jeff** » 13 nov. 2005, 20:41

vire ton conteneur1 et met la balise body et essaye le css que l'on ta donné

par **m1bs** » 13 nov. 2005, 20:39

merci de ta réponse

j'ai donc mis ceci

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

au début de ma page mais ,. j'arrive toujours pas à résoudre mon problème, ca viendrait du fait que je met un bloc dans l'autre ?

par **jeff** » 13 nov. 2005, 20:22

pour plus d'info en plus clair
http://openweb.eu.org/xhtml/

par **jeff** » 13 nov. 2005, 20:19

en fait un doctype fixe des regles au navigateur
par exemple cela permet de dire a un navigarteur si il doit interpreter une balise (ou de fixer son comportement)
il est donc fondamental d'en mettre un (il permet aussi de fixer des probelmen d'interpretation des navigateurs)
maintenat tu a 2 options soit tu developpe ton site en html4(qui est interpreter par tout les navigateurs (avec des differences) ou en xhtml qui est deriver de xml

le xhtml est plus rigoureux que le html(respect des regles xml)
si tu veut faire du xml tu doit en lus declarer le document en tant que xml

Code : Tout sélectionner

<?xml version="1.0" encoding="iso-8859-1" ?>

xhtml est fait pour separer le contenu de la mise en forme (css)

par **Invité** » 13 nov. 2005, 20:13

rebonjour

J'ai jamais eu quelqu'un qui m'a vraiment expliqué comment développer etc.. c'est pour cela que je fais peut être des erreurs grosses comme des montagnes

cependant je n'ai pas bien compris la nécessité du doctype , que fait il ? il renvoie à quoi ?

Quelle est la différence si il y en a un ou pas , et la différence qu'il peut y avoir entre 2 doctype

par **Lareine** » 13 nov. 2005, 19:19

Code : Tout sélectionner

div { margin-left:auto; margin-right:auto; text-align:center; }

Pour centrer tes bloc par défaut.

Tout en te permettant d'utiliser float:left ou right pour les cas particuliers

!

par **jeff** » 13 nov. 2005, 19:03

salut
pour vraiment faire une mise en page tu doi declarer un doctype
et respecter l'architecture html
une balise html ouvrante et fermante et de meme pour head et body (balise fille de html)

sinon un truc qui fonctionne bien

Code : Tout sélectionner

body{width:80%;
margin:auto;
padding:0px;
margin:0px;
}

et si tu fait de l XHTML n'oublie que c'est du xml avant tout

Préntation différente entre Mozilla et IE

Répondre

Étendre la vue Revue du sujet : Préntation différente entre Mozilla et IE

Re: mib

mib