PA incompatible avec Internet Explorer

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu PA incompatible avec Internet Explorer

Message par Kiveliö le Mar 14 Juin 2011 - 14:56

Bonjour/bonsoir,

Je rencontre un problème avec l'affichage de ma page d'accueil sur le forum de test sur lequel je travaille mes thèmes. C'est un tableau qui s'affiche très bien quand j'utilise Google Chrome, mais qui a un gros, gros dysfonctionnement sous Internet Explorer. Tout le texte et les images sont décalés sur la droite.
Des amis à qui j'ai demandé de vérifier m'ont rapporté exactement le même problème... Enfin, des images seront plus parlantes :

La PA fonctionnant normalement sous Chrome :
Spoiler:

La même, sous Internet Explorer :
Spoiler:

Voici le code HTML de ma PA et le code CSS correspondant :
Code:

<h1 span class="msgbien"> Bienvenue à Wonderland,</span> <div class="username">{USER&amp;#8288;NAME}.</span></h1>
<img src="http://img11.hostingpics.net/pics/336255barrepa.png" class="image">

<table style="width: 100%;  border-collapse: collapse;" id="pa">
<tr>
<td><h2 div class="gauche">Carte de Wonderland </h2></td>
<td><h2 div class="milieu">Avis aux petits nouveaux </h2></td>
<td><h2 div class="droite">Rappel de nos lois </h2></td>
</tr>

<tr>
<td> <p id="pliste"><select style="width: 200px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Aller à...
</option>

<option value="http://forbidden-dream.forumactif.com/f32-reglement">
~> Règlements
</option>

<option value="http://forbidden-dream.forumactif.com/t2-histoire-de-forbidden-dream">
~> Contexte
</option>

<option value="http://forbidden-dream.forumactif.com/f125-les-secrets-de-wonderland-encyclopedie-universelle">
 ~> Les secrets de Wonderland
</option>

<option value="http://forbidden-dream.forumactif.com/fiches-d-identite-f2/">
~> Fiches d'identité
</option>

<option value="http://forbidden-dream.forumactif.com/les-predefinis-f12/">
~> Les prédéfinis
</option>

<option value="http://forbidden-dream.forumactif.com/questions-ouvert-aux-invites-f6/">
~> Questions (ouvert aux invités)
</option>

<option value="http://forbidden-dream.forumactif.com/f7-devenir-partenaire-ouvert-aux-invites">
~> Devenir partenaire de FD (ouvert aux invités)
</option>

<option value="http://forbidden-dream.forumactif.com/t119-credits-et-remerciements">
~> Crédits et remerciements
</option>
</select></p>
<td><p div class="pres">♥ Forbidden Dream est un forum RPG basé sur l'univers de <em>Lewis Carroll</em> et librement inspiré d'<em>American Mc Gee's Alice</em>.

♥ Il est ouvert à tous ; cependant, <strong>un bon niveau de français est requis.</strong>

♥ Il est également <strong>déconseillé aux moins de 15 ans et aux âmes sensibles</strong>,
du fait de certains thèmes pouvant être abordés.</p></td>
<td><p id="regl">♦ Inscrivez vous avec <strong>un nom</strong> et <strong>un prénom</strong> !

♦ Vous avez <strong>un mois maximum</strong> pour rédiger votre fiche.

♦ <strong>15 lignes minimum</strong> par post RP.

♦ Veuillez respecter le contexte du forum : nous sommes au <strong>19ème siècle</strong> !</p>
</td>
</tr>

<tr>
<td><h2 div class="gauche">Vos dévoués maîtres </h2></td>
<td><h2 div class="milieu">Il était une fois...</h2></td>
<td><h2 div class="droite">Personnage cherche joueur </h2></td>
</tr>

<tr>
<td></td>
<td><p div class="pres2"> DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE DU TEXTE </td>
<td></td>
</tr>

<tr>
<td><h2 div class="gauche">Nos fidèles alliés</h2></td>
<td><h2 div class="milieu">Texte texte texte texte</h2></td>
<td><h2 div class="droite">La Boîte à musique</h2></td>
</tr>

</table>
<img src="http://img4.hostingpics.net/pics/386718barrepa2.png" />

Code:
/*PAGE D'ACCUEIL*/

#pa { /*tableau*/
        width: 100%;
      }

.msgbien {
                  font-style: italic;
                  font-family: "Times New Roman", Georgia, serif;
        font-size: 26px;
        color: #;
        z-index: 2;
        position: relative;
        left: 0px;
        top: 0px;   
                  margin-top: 5px; 
        margin-left: -200px; 
                  margin-right: 200px;   
       }

.username {
                  font-family: "Times New Roman", Georgia, serif;
                  font-variant: small-caps;
                  font-size: 20px;
                  color: #9f6c64;
        z-index: 1;
        position: relative;
        left: 130px;
        top: -11px;
                  margin-bottom: -30px;
                  padding-bottom: 0px;
        }

/*titres*/
.gauche {
              font-family: "Times New Roman", Georgia, serif;
              font-variant: small-caps;
              font-size: 17px;
              width: 200px;
              color: #9f6c64;
              border-bottom: 1px double #55231b;
              }

.milieu {
          font-family: "Times New Roman", Georgia, serif;
          font-variant: small-caps;
          font-size: 17px;
          text-align: center;
          width: 400px;
          color: #9f6c64;
          border-bottom: 1px double #55231b;
          margin-left: 20px;
          }

.droite {
            font-family: "Times New Roman", Georgia, serif;
            font-variant: small-caps;
            font-size: 17px;
            text-align: right;
            width: 200px;
            color: #9f6c64;
            border-bottom: 1px double #55231b;
          }

/*textes*/
#pliste {
          width: 200px;
          height: 10px;
          position: relative; top: -60px;
          }

.pres {
        text-align: center;
        width: 400px;
        height: 100px;
        margin-top: -30px;
        margin-left: 20px;
        position: relative;
        }

.pres2 {
          text-align: center;
          width: 400px;
          height: 100px;
          margin-top: -10px;
          margin-left: 20px;
          position: relative;
        }

#regl {
        width: 200px;
        height: 100px;
        text-align: justify;
        color: #da5f4d;
        position: relative; top: -25px;
        }

J'espère que c'est suffisamment lisible...
Voici l'URL de mon forum de test : http://testfdream.forumgratuit.org/. La version est phBB2.
Je pense qu'il s'agit d'un problème de CSS, il est peut-être même fréquent, mais étant débutante dans ce domaine, je n'arrive pas à savoir exactement où se trouve le problème. Pourriez-vous m'indiquer où se trouve l'erreur, s'il vous plaît ?

Merci d'avance,
Kiveliö


Dernière édition par Kiveliö le Mar 14 Juin 2011 - 17:33, édité 1 fois

Kiveliö
Nouveau membre

Messages : 2
Inscrit(e) le : 14/06/2011

http://www.forbidden-dream.forumactif.com
Kiveliö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA incompatible avec Internet Explorer

Message par Anzu le Mar 14 Juin 2011 - 15:38

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : Mail de fondation - Ce qu'il ne faut pas faire
Listing - Questions/Réponses fréquentes
Listing - Trucs et astuces
La fonction Rechercher
La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

Bonjour,

Remplacez le code de votre css par celui ci:

Code:

    #pa {
            width: 100%;
          }

    .msgbien {
                      font-style: italic;
                      font-family: "Times New Roman", Georgia, serif;
            font-size: 26px;
            color: #;
            z-index: 2;
            position: relative;
            left: 0px;
            top: 0px; 
                      margin-top: 5px;
            margin-left: -200px;
                      margin-right: 200px; 
          }

    .username {
                      font-family: "Times New Roman", Georgia, serif;
                      font-variant: small-caps;
                      font-size: 20px;
                      color: #9f6c64;
            z-index: 1;

            }

    /*titres*/
    .gauche {
                  font-family: "Times New Roman", Georgia, serif;
                  font-variant: small-caps;
                  font-size: 17px;
                  width: 200px;
                  color: #9f6c64;
                  border-bottom: 1px double #55231b;
                  }

    .milieu {
              font-family: "Times New Roman", Georgia, serif;
              font-variant: small-caps;
              font-size: 17px;
              text-align: center;
              width: 400px;
              color: #9f6c64;
              border-bottom: 1px double #55231b;
              margin-left: 20px;
              }

    .droite {
                font-family: "Times New Roman", Georgia, serif;
                font-variant: small-caps;
                font-size: 17px;
                text-align: right;
                width: 200px;
                color: #9f6c64;
                border-bottom: 1px double #55231b;
              }

    /*textes*/
    #pliste {
              width: 200px;
              height: 10px;
              position: relative; top: -60px;
              }

    .pres {
font-size: 11px;
            text-align: center;
            width: 400px;
            height: 100px;
            margin-top: -30px;
            margin-left: 20px;
            position: relative;
            }

    .pres2 {
font-size: 11px;
              text-align: center;
              width: 400px;
              height: 100px;
              margin-top: -10px;
              margin-left: 20px;
              position: relative;
            }

    #regl {
font-size: 11px;
            width: 200px;
            height: 100px;
            text-align: justify;
            color: #da5f4d;
            position: relative; top: -25px;
            }

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA incompatible avec Internet Explorer

Message par Kiveliö le Mar 14 Juin 2011 - 17:21

C'est parfait, ça fonctionne ! Un grand merci pour votre si rapide réponse.

Cordialement,
Kiveliö

Kiveliö
Nouveau membre

Messages : 2
Inscrit(e) le : 14/06/2011

http://www.forbidden-dream.forumactif.com
Kiveliö a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum