PA incompatible avec Internet Explorer
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
PA incompatible avec Internet Explorer
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 :
La même, sous Internet Explorer :
Voici le code HTML de ma PA et le code CSS correspondant :
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ö
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&#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
Re: PA incompatible avec Internet Explorer
Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif 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 |
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.
Re: PA incompatible avec Internet Explorer
C'est parfait, ça fonctionne ! Un grand merci pour votre si rapide réponse.
Cordialement,
Kiveliö
Cordialement,
Kiveliö
Sujets similaires
» RE Problème avec categories composite avec internet explorer
» problemes avec internet explorer 8
» Problème avec internet explorer
» Problème de connexion avec Internet Explorer
» Probleme avec internet explorer
» problemes avec internet explorer 8
» Problème avec internet explorer
» Problème de connexion avec Internet Explorer
» Probleme avec internet explorer
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum