Discussion :

[defacta]

Salut,

Comme d'hab c'est IE7 qui pose un problème, ce que j'ai codé passe bien avec Safari, Firefox, Google Chrome et Opera...

Voici le lien:
http://www.elizanet.com/

Sous Identifiant, y a "Un peu de texte ici" et avec IE7 tout est décalé, pourtant le code est correct puisque l'affichage est celui escompté avec TOUS les autres navigateurs.

Le code:

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
<table height="59px" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
 
   <td rowspan="3" height="59px" width="44px" style="padding-left:5px" align="center" ><img src="images/logo-top-menu.gif">
  </tr>
  <tr >
   <td  heigth="35px" >
     <img height="7px" src="images/trans.gif"><br>
     <table height="28px" width="100%" style="background-image: url(images/top-bar.png);" border="0" cellpadding="0" cellspacing="0">
       <tr>
         <td width="480px" valign="top" style="padding-left:10px; padding-right:10px" nowrap><b><iframe id="iframe_login" name="iframe_login" src="iframe_login.php" width="100%" marginheight="0" allowtransparency="true" marginwidth="0" height="28px" scrolling="no" frameborder="0"></iframe></td>
 
         <td style="padding-left:40px" width="2%" nowrap> &nbsp;PicBook: Lettres à Elise </td>
         <td width="20%" style="padding-top:1px" nowrap align="left"> &nbsp;<b><a href="#" onClick="JS_dis_picbooks();"><font style="font-size : 1.3em; font-family : Arial; ">| V |</a></font> </td>
         <td width="10%" nowrap><img height="28px" src="images/trans.gif"></td>
         <td width="10%" ><img height="28px" src="images/trans.gif"></td>
        <td style="padding-right:10px" nowrap>Société ElizaNet</td>
       </tr>
 
     </table>
   </td>
  </tr>
  <tr>
   <td heigth="24px">
     <img height="5px" src="images/trans.gif"><br>
     <table height="19px" border="0" cellpadding="0" cellspacing="0">
       <tr>
         <td style="padding-right:8px; border-right:1px solid black; border-bottom: 1px solid black; border-top: 1px solid black; background-image: url(images/top-bar.png);"><b>Un peu de texte ici...</b>
 
         </td>
       </tr>
      </table>
    </td>
  </tr>
</table>

Vous auriez une idée pour faire passer le tout avec IE7 ou faut que je fasse un test JavaScript pour identifier ce sous navigateur et décaler le tout ?

Merci,
Vincent.

[FoxLeRenard]

Salut,

Comme d'hab c'est IE7 qui pose un problème, ce que j'ai codé passe bien avec Safari, Firefox, Google Chrome et Opera...

Voici le lien:
http://www.elizanet.com/

Sous Identifiant, y a "Un peu de texte ici" et avec IE7 tout est décalé, pourtant le code est correct puisque l'affichage est celui escompté avec TOUS les autres navigateurs.

Merci,
Vincent.

Comprends pas chez moi en IE7 c'est parfait, du reste au passage, c'est super beau

Tout de même une remarque de taille, tu devrais mettre un DOCTYPE
et en plus si tu te mets en strict, tous les navigateurs réagiront pareil !

[defacta]

Comprends pas chez moi en IE7 c'est parfait, du reste au passage, c'est super beau

Merci pour la remarque, ça fait plaisir, mais c'est pas fini, tout est en dev., j'espère finir la première monture d'ici 1 semaine...

J'ai une question vraiment bête, c'est quoi un DOCTYPE, ca sert à quoi et je mets lequel ?

Comme tu dis que ça passe avec ton IE7, je ne touche à rien...

Sinon, j'utilise IE7 sous Windows XP PRO tournant avec Parallels Desktop, je suis sous Mac en fait ! Je vais faire une upgrade vers IE8 et installer multiIE.

Merci,
Vincent.

[FoxLeRenard]

J'ai une question vraiment bête, c'est quoi un DOCTYPE, ca sert à quoi et je mets lequel ?
Merci,Vincent.

Pour le DOCTYPE il y a les deux PREMIERES lignes a mettre tel quelles
je te mets quelques une derriére au cas ou ça te serve !
LE BUT dire aux navigateurs comment interpréter les feuilles de style,
si non chaque navigateur utilise sa base a lui

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
 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'  'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr' lang='fr'>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>xxxxxxxxxxxxxxxx (site officiel)</title>
<meta name="keywords" content="sssssssssss" />
<meta name="description" content="ssssss" />
<meta name="robots" content="all" />
<meta http-equiv="content-language" content="fr, en" />
<meta name="expires" content="never" />
<meta name="rating" content="general" />
<meta name="revisit-after" content="30 days" />
<link rel="shortcut icon" type="image/x-icon" href="http://www.elizanet.com/favicon.ico" />
<link rel="stylesheet" href="include/css/default.css" type="text/css" media="all"  />
</head><body>

Sinon, j'utilise IE7 sous Windows XP PRO tournant avec Parallels Desktop, je suis sous Mac en fait !
Merci,Vincent.

Ahrrrrrrrrrrrrr ............. je comprends mieux !!

[HiRoN]

Bonjour,

Pour le DocType : Explication / Utilisation

[defacta]

Salut,

Je viens d'upgrader en IE8 et le texte est toujours décalé vers le bas avec ma version de Windows XP.

Voilà une screenshot (Voir au de "Un petit texte ici"):
http://www.elizanet.com/screenshots/...xte_decale.png

Quelqu'un pour me confirmer que cela marche chez lui, chez moi cela ne passe pas en l'état...

Merci,
Vincent.