Discussion :

[rragnarok]

bonjour,

comme tout le monde, je subis les differences entre les navigateurs

ici, j arrive pas a trouver l origine du probleme...

je vous mets le lien qui m'occupe:

http://crom.celeonet.fr/dd11/

c est pour un petit jeu sur le net... bref...

j ai mis une bordure autour de mes textes et vous remarquerez qu'ils sont biens sous IE, mais sous FF, ils passent à la ligne. J ai testé plein de trucs mais rien a faire.

je vous donne une portion du code pour y voir plus clair:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
 
body {margin: 0px; padding: 0px;
 
			background: url(images/backpaper.jpg);
 		 	font-family: Tahoma,sans-serif;
			font-size: 12pt;
  		line-height: 12pt;
			background-attachment: fixed;
      background-repeat    : no-repeat;
			/*background-color     : #040e1e;
  		scrollbar-arrow-color: #E6EBFB;
  		scrollbar-base-color: #344566;
  		scrollbar-track-color: #344566;
  		scrollbar-face-color: #344566;
  		scrollbar-highlight-color: #344566;
  		scrollbar-3dlight-color: #465673;
  		scrollbar-darkshadow-color: #344566;
  		scrollbar-shadow-color: #465673;*/
  		}
 
#div_texte {
            font-family: Tahoma,sans-serif;
						font-size: 10pt;
						color: #721;
  		  		background: url(images/sable1.gif);	
						border-style: solid ;
						border-color: black ;
						border-width: 1px;
					/*	font-weight: bold;					*/	
						}
 
 
#div_choix_catalogue		{position: absolute; top:100px; left: 10px;}
#div_choix_nom		 			{position: absolute; top:125px; left: 10px;}
#div_choix_metiers 			{position: absolute; top:265px; left: 10px;}
#div_points_creation 		{position: absolute; top:210px; left: 230px;}
 
 
#div_points_creations_max1        {position: absolute; top:0px; left: 50px;}
#div_points_creations_max2 			  {position: absolute; top:0px; left:210px;}
 
#div_points_creations_utilises1 	{position: absolute; top:15px; left: 50px;}
#div_points_creations_utilises2 	{position: absolute; top:15px; left: 210px;}
 
#div_points_creations_caracs1 		{position: absolute; top:0px; left: 300px;}
#div_points_creations_caracs2 		{position: absolute; top:15px; left: 310px;}

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
?>
<!-- ******************************************************************************* -->
<!-- ******************************************************************************* -->
<!-- ******************************************************************************* -->
<div id="div_choix_metiers">
<!-- ******************************************************************************* -->
<!-- ******************************************************************************* -->
<!-- ******************************************************************************* -->
<div id="div_niveau1">
 
<form method="POST" NAME='niveau1_perso'>
<SELECT size=1  onChange='fonction_select_niveau1_perso(this.value)'>
<?php 
for($i_niveau1=-3;$i_niveau1<21;$i_niveau1++)
{
if ($i_niveau1 == $niveau1_perso_selected) {$selection="selected";} else {$selection="";}
echo '<option '.$selection.' value='.$i_niveau1.'>'.$i_niveau1.'</option>';
}
?>
 
</select>
</form>
 
 
</div id="div_niveau1">
 
</div id="div_choix_metiers">

Je vous ai fait grace de tout le code, c est toujours le meme:
a chaque texte correspond un div et plusieurs div sont regroupés dans un autre div, pour changer les positions rapidement.


voila...

merci de votre aide.


eric

[Bisûnûrs]

Commence par mettre un DOCTYPE complet à ton document (http://xhtml.developpez.com/faq/?pag...#html_doctypes) et donne une largeur et une hauteur à tes blocs pour corriger le problème.

[jeje13009]

slt,

qui plus est border n'est pas géré de la même manière sous IE et FF... pour IE border est compté dans le width et dans FF c'est en plus...

en gros, si tu as un border de 1px sur les 4 cotés, tu devras avoir par ex sous IE width = 200px et sous FF width = 198px pour avoir le même rendu ! (198 = 200 - 2*1 -> dans la largeur il y a 2 fois la bordure de 1px !!)

[Bisûnûrs]

slt,

qui plus est border n'est pas géré de la même manière sous IE et FF... pour IE border est compté dans le width et dans FF c'est en plus...

en gros, si tu as un border de 1px sur les 4 cotés, tu devras avoir par ex sous IE width = 200px et sous FF width = 198px pour avoir le même rendu ! (198 = 200 - 2*1 -> dans la largeur il y a 2 fois la bordure de 1px !!)

Ce n'est vrai que sans DOCTYPE ...

[jeje13009]

slt,

Ce n'est vrai que sans DOCTYPE ...

c'est bien la première fois que j'entends ça... même avec DOCTYPE c'est un phénomène que j'ai toujours constaté... ou alors cela dépendrait-il des DOCTYPE ??

[Bisûnûrs]

ou alors cela dépendrait-il des DOCTYPE ??

Non, c'est vrai quel que soit le DOCTYPE, pour peu qu'il soit complet (avec la DTD renseignée), donc du moment que IE6 est en mode Standard.
Ce qui signifie en plus qu'en XHTML il ne faut pas mettre de prologue XML qui le fait basculer en mode Quirks.