Préntation différente entre Mozilla et IE

13 nov. 2005, 17:49

Hello

Voilà mon conteneur , qui est un rectangle blanc est plus grand dans le naviguateur ie , que dans firefox la question est il y a d'autres paramètre à indiquer pour ie , une manipulation à faire ? afin d'avoir les même grandeurs dans les 2 naviguateurs

Ou alors une astuce pour y remédier

<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>



<div id="conteneur2">
  <div id="conteneur">
   </tr>
    
    <tr> 
      <td><table width="745" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="165" align="left" valign="top">
                <table width="155" border="0" cellspacing="0" cellpadding="0">
                  <tr> 
                    <td height="22" background="images/title.gif" class="menu"><div align="center">Menu</div></td>
                  </tr>
                  <tr> 
                    <td align="center" valign="top" bgcolor="black"><table width="155" border="0" cellspacing="1" cellpadding="0">
                        <tr> 
                          <td align="center" valign="top" bgcolor="#FFFFFF"><table width="145" border="0" cellspacing="5" cellpadding="0">
                              <tr> 
                                <td><div align="center"><a href="#"><img src="images/home.gif" width="28" height="28" border="0"></a>&nbsp;<a href="#"><img src="images/news.gif" width="28" height="28" border="0"></a>&nbsp;<a href="#"><img src="images/guestbook.gif" width="28" height="28" border="0"></a>&nbsp;<a href="#"><img src="images/email.gif" width="28" height="28" border="0"></a></div></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table></td>
        </div id="conteneur">
</div id="conteneur2">

</BODY>
</HTML>

13 nov. 2005, 18:02

*.css

Code : Tout sélectionner

body { text-align:center; margin:0; padding:0;

Dans la feuille de style, avec en prime le centrage de ta page
sous IE4/5

!

13 nov. 2005, 18:37

Merci

En ajoutant ton code, ceci n'a effectué aucune modification, sous IE explorer le rectangle blanc est centré ce qui est faux car il s'est agrandi pour pouvoir se centrer

Sous mozilla il n'est pas centré il est vers la gauche mais il a une position correct, heu. je me suis peut-être mal expliqué

13 nov. 2005, 18:46

Voici mon css au cas où ça pourrai aider

}
p
{
   color: blue;
   font-size: 18px;
}
.formespace /*mettre un point pour que ma forme spéciale soit reconnue */
{
text-indent:30px;
color: yellow;
font-size:40px;
} 

.formetestpolice
{

color: yellow;
font-family:police1, police2, police3, police4;

}



body /* Je travaille sur la balise body, donc sur TOUTE la page */
{
background-color: #000000 ; /* couleur de fond de la page*/
text-align: margin:0; padding:0;
}
 
#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: 650px ; padding: 101px ; 
}

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

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

!

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

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)

13 nov. 2005, 20:22

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

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 ?

13 nov. 2005, 20:41

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

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 ; 
}

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.

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

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.

Préntation différente entre Mozilla et IE

Qui est en ligne