Alignement du texte sous IE

[Izumi375]

Bonsoir,

Je remercie d'abord tous ceux qui se pencheront sur mon problème.
Voilà mon souci, sous Internet Explorer, le texte des descriptions de forum (ainsi que pour titres et le QEEL) est centré. Sous tous les autres navigateurs (opéra, chrome, firefox, ...) le texte est bien sur la gauche!

Quelques screenshots:

Sous Chrome:

Spoiler:

Sous IE:

Spoiler:

Je pense que cela vient de la classe gensmall. Donc j'ai entré dans la feuille de css:

Code:

.gensmall {
text-align: left; !important
}

Et il n 'y a pourtant aucun changement!
Merci pour votre aide!

[SoraNoHime]

Bonsoir,

Vous êtes en phpbb2. Avez-vous modifié des templates. Si oui lesquels ?

Puis avoir votre codage CSS en entier ?

Cordialement.

Ps : je code n'est pas par gensmall.

Je vais me renseigner pour le texte à l'intérieur des catégories, mais pour le titre des forums c'est

.secondarytitle h2 {
text-align: left;
}

[Izumi375]

Bonjour,

Merci de m'avoir répondu!
Donc j'ai essayé le code que vous m'aviez donné et cela n'a pas marché ...

Les seuls templates que j'ai modifiés sont: overall_header et index_body (et non index_box, logiquement ca ne devrait donc toucher ni aux titres ni aux description)

Voilà mon css:

Code:

#i_icon_mini_index{
width:80px;
height:22px;
background:url(http://i30.servimg.com/u/f30/13/30/32/72/1610.png) no-repeat 0 0;
}

#i_icon_mini_index:hover{
background:url(http://i30.servimg.com/u/f30/13/30/32/72/1610.png) no-repeat 0 -22px;
}

#i_icon_mini_portal{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1010.png) no-repeat 0 0;
}

#i_icon_mini_portal:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1010.png) no-repeat  0 -22px;
}

#i_icon_mini_gallery{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1210.png) no-repeat 0 0;
}

#i_icon_mini_gallery:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1210.png) no-repeat  0 -22px;
}

#i_icon_mini_calendar{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1510.png) no-repeat 0 0;
}

#i_icon_mini_calendar:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1510.png) no-repeat  0 -22px;
}

#i_icon_mini_faq{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat 0 0;
}

#i_icon_mini_faq:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat  0 -22px;
}

#i_icon_mini_search{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1410.png) no-repeat 0 0;
}

#i_icon_mini_search:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1410.png) no-repeat  0 -22px;
}

#i_icon_mini_members{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/910.png) no-repeat 0 0;
}

#i_icon_mini_members:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/910.png) no-repeat  0 -22px;
}

#i_icon_mini_groups{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/710.png) no-repeat 0 0;
}

#i_icon_mini_groups:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/710.png) no-repeat  0 -22px;
}

#i_icon_mini_profile{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/610.png) no-repeat 0 0;
}

#i_icon_mini_profile:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/610.png) no-repeat  0 -22px;
}

#i_icon_mini_message{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/810.png) no-repeat 0 0;
}

#i_icon_mini_message:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/810.png) no-repeat 0 -22px;
}

#i_icon_mini_new_message{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/512.png) no-repeat 0 0;
}

#i_icon_mini_new_message:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/512.png) no-repeat  0 -22px;
}

#i_icon_mini_logout{
width:34px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat 0 0;
}

#i_icon_mini_logout:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat  0 -22px;
}

#i_icon_mini_register{
width:80px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/414.png) no-repeat 0 0;
}

#i_icon_mini_register:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/414.png) no-repeat  0 -22px;
}

#i_icon_mini_login{
width:34px;
height:22px;
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat 0 0;
}


#i_icon_mini_login:hover{
background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat  0 -22px;
}


.code{
background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:12px;color:#caba9f;
padding:5px;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

img.imageCliquable {
  cursor: pointer;
  cursor: hand;
}

.postbody {
text-align:justify;
padding-left:15px;
padding-right:15px;
}

.secondarytitle h2 {
text-align: left;
}

Merci encore!
PS: le texte du qeel aussi est centré...

[FANCH 56]

Bonsoir

Il faut cocher également sur le navigateur, la case compatibilité.

[Izumi375]

Bonsoir,

J'ai chercher sur les options avancées d'IE et je ne trouve pas cette case...
Pourriez vous m'éclairer? :S

Merci.

[ge80]

voilà

[Izumi375]

Re-bonsoir,

J'ai suivi vos conseils et cela n'a rien changé. Ou presque, cela à même décaler mon header sur la droite :S.

Un srceen:

[ge80]

et en ajoutant le !important ?

Code:

.secondarytitle h2 {
text-align: left !important;
}

[Izumi375]

Non toujours pas :S...

Voilà le lien ci cela peut vous aider.

Merci!

[ge80]

Je ne vois pas la classe modifiée dans votre css ?

essayer ceci

Code:

.secondarytitle h3 {
text-align: left !important;
}

[Izumi375]

Je viens de mettre le code que vous m'avez fourni et toujours rien. J'ai vérifié ici et elle est bien là :/.

C'est le premier forum qui me fait ca c'est vraiment bizarre...

Merci pour votre aide!

[ge80]

A votre place, je sauvegarderai mes templates modifiés.
Puis remettrais ceux par défaut pour tester le fonctionnement

Ensuite replacer les templates un par un et les tester à chaque fois.

Les possibilités étant tellement multiples; il faut isoler les coupables

[Izumi375]

Bonsoir,

Effectivement! C'est le overall_header qui fait tout planté...

Je ne sais pas pourquoi c'était la balise <center> de mon image du haut qui centrait tout sous IE
Pour ceux que ça intéresse:

Code:

<div style="position:fixed; top: 0px; align:center; width: 100%;"><center><a href="http://la-voile-noire.guildjdr.com/"><img src="http://img821.imageshack.us/img821/2756/barrefin4.png"></a><center></div>

j'ai remplacé le center en mettant dans le div style:

Code:

"text-align:center;"

Tout marche super bien
Un grand merci à tous ceux qui m'ont aidée et en particulier à ge80!
Et si quelqu'un sait pourquoi IE a du mal avec <center> je serai très contente s'il m'en fait part.

[ge80]

OUF, c'était assez subtil.

Par contre comprendre les incohérences de la famille des IE est au dessus de mes forces.
Entre non respect des normes et bizarreries j'ai renoncé à analyser masi simplement contourner

[FANCH 56]

Et si quelqu'un sait pourquoi IE a du mal avec <center> je serai très contente s'il m'en fait part.

Cela dépend de la version de IE

[Izumi375]

Bah merci encore ^^.

Bien que je trouve bizarre que IE centre tout le reste même ce qui n'est pas dans la balise... :S