Bonjour tout le monde o/

Donc je suis en plein processus de création d'un magnifique thème pour mon forum x)

Malheureusement, deux problèmes me sautent dessus. Malgré mes multiples coups de pelle, rien y fait x)
Tout d'abord, le forum test en question:
http://ktrash-test.forumactif.com/

1) Mes onglets sont mal alignés sous Internet Explorer (--") et Opera
Donc voici une belle capture d'écran de ce qu'on peut constater sur, dans l'ordre, Firefox, IE 8 et Opera:

Spoiler:

Sur Chrome et Safari, aucun problème, tout est comme sur firefox.
Bien entendu, mon problème ici ne concerne pas les arrondis sous IE, je sais que ça ne marche pas xD
Ici le problème concerne surtout le positionnement o/
Voici le CSS de mes onglets, je pense très bien qu'on a besoin que de cela o/ si vous voulez le html aussi dites-le o/
Donc en résumé j'ai essayé quelques trucs pour mettre le tout à gauche partout mais bon ça marche pas ._. et si je change le text-align: center pour un text-align: left ça met mon texte à gauche et non pas les onglets~

Code:

.onglet {
display:inline-block;
color: #000000; /*couleur texte onglet*/
font-family: "trebuchet ms", serif;
font-size: 10px;
font-variant: small-caps;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding: 5px;
width: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.onglet_0 { /*onglet fermé*/
background-color: #2e3947;
}
.onglet_1 { /*onglet ouvert ou actif*/
background-color: #475467;
}
.contenu_onglet {
background-color: #475467;
padding: 5px;
display: none;
height: 125px;
width: 338px;
font-family: "trebuchet ms", serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: -1px;
}

2) Mes arrondis sous Chrome et Safari n'aiment pas le changement de grosseur de bordure T_T
Voici encore une fois une capture d'écran, en ordre Firefox/Chrome/Safari

Spoiler:

L'espacement étrange est normal, ç'moi qui aie volontairement mis quelques br dans le template overall_footer.
+ sous IE c'est horrible mais normal et sous Opera c'est parfait.
Voilà donc y'a pas un moyen de faire en sorte qu'il n'y aie pas de changements trop drastiques de grosseurs de bordure? ._.
Voici également le CSS de mon bodyline o/

Code:

.bodyline {
border: 10px solid #21345c;
border-bottom: 20px solid #21345c;
border-top: 5px solid #21345c;
-moz-border-radius: 20px 20px 200px 200px;
-webkit-border-radius: 20px 20px 200px 200px;
border-radius: 20px 20px 200px 200px;
}

Voilà, merci d'avance pour vos réponses o/
(Ikø' est désespérée xD)

+1 , même soucis !
Même sous Firefox mes arrondis sont carrés ! ><

Salut,

Pour l'alignement des onglets. Sous IE et Opera ils s'alignent sur les 400px de la cellulles du tableau et sur FF et Chrome/Safari il s'aligne ah euh je sais pas quoi ^^.

Pour regler le problème rajoute ça dans ton css:

Code:

.systeme_onglets
{
width: 350px;
}

Pour les bordures a ma connaissance on ne peut rien y faire. L'interprétation du code chez webkit (chrome/safari) n'est pas le même que chez gecko et autre. Peut etre la solution est de ne pas arondire les coins sous webkit. Le rendu de IE n'est pas mal je trouve.

James

Grrr x)

J'ai essayé ton code et en fait ça marchait pas =o
J'ai essayé de mettre un align="left" à la div des onglets et bah ça, ça a marché ._.
*c,était aussi con que ça T_T*

Sinon pour les arrondis.... re-grrrr xD
J'ai enlevé le code pour les arrondis sous webkit, mais comme le code border-radius marche aussi sur Chrome, ça fait le même effet o_o
Du coup ça me frustre xD Mais bon **

Je pense que je vais juste les laisser comme ça o/

Merci beaucoup pour ton aide James o/

*classe son sujet toute seule*