Page 1 sur 2
Préntation différente entre Mozilla et IE
Posté : 13 nov. 2005, 17:49
par mibs
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> <a href="#"><img src="images/news.gif" width="28" height="28" border="0"></a> <a href="#"><img src="images/guestbook.gif" width="28" height="28" border="0"></a> <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>
Posté : 13 nov. 2005, 18:02
par Lareine
*.css
Dans la
feuille de style, avec en prime le centrage de ta page
sous
IE4/5 
!
Posté : 13 nov. 2005, 18:37
par mibs
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é
Posté : 13 nov. 2005, 18:46
par m1bs
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 ;
}
Posté : 13 nov. 2005, 19:03
par jeff
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
et si tu fait de l XHTML n'oublie que c'est du xml avant tout
Posté : 13 nov. 2005, 19:19
par Lareine
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
!
Posté : 13 nov. 2005, 20:13
par Invité
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
Posté : 13 nov. 2005, 20:19
par jeff
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
xhtml est fait pour separer le contenu de la mise en forme (css)
Posté : 13 nov. 2005, 20:22
par jeff
pour plus d'info en plus clair
http://openweb.eu.org/xhtml/ 
Posté : 13 nov. 2005, 20:39
par m1bs
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 ?
Posté : 13 nov. 2005, 20:41
par jeff
vire ton conteneur1 et met la balise body et essaye le css que l'on ta donné
Posté : 13 nov. 2005, 21:20
par Invité
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 ;
}
Posté : 13 nov. 2005, 21:38
par nicolas
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
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.
mib
Posté : 13 nov. 2005, 23:12
par mibs
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
Re: mib
Posté : 14 nov. 2005, 14:23
par Invité
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.