Problème d'affichage sous IE



  • Comme je ne sais pas m'expliquer correctement, les images parlent d'elles-même :

    Les images :

    Sous Opera :

    Sous Firefox :

    Sous Safari :

    Sous IE :/ :

    Le fautif serait l'image du titre…

    Le CSS :

    .titreManga {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff; font-weight: bold; padding-top: 15px; background-image: url(http://www.streaming-powaa.fr/images/fondtitre.png); background-repeat: no-repeat; height: 60px; width: 430px; text-align:center;}
    

    Le site :
    http://www.streaming-powaa.fr

    ( Au passage on remarquera un meilleur rendu de mon site sous Opera )



  • Y a un code pour changer son code css si c'est IE mais après je sais pas ce que c'est…

    (Pis en même temps IE ... :roll: )

    EDIT : le lien pour firefox va sur l'image d'Opéra :o



  • ah oui lol le rajout d'un / devant la propriété ( ou quelque chose du genre ) merci je vais voir ca de suite =)

    (Pis en même temps IE … )

    Ca serait que de moi je n'y changerais pas mais je ne suis pas le seule à aller sur mon site ^^



  • nan j'crois que c'était un truc du genre

    html *quelque chose*
    *quelque chose*
    *quelque chose*
    

    et ça s'étale sur 3 lignes je crois…



  • Bonsoir,

    Juste pour info, pas de problème d'affichage sous Maxthon chez moi



  • .titreManga {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px; 
    color: #ffffff; 
    font-weight: bold; 
    padding-top: 15px; 
    background-image: url(http://www.streaming-powaa.fr/images/fondtitre.png); 
    background-repeat: no-repeat;
    height: 60px; 
    width: 430px; 
    text-align:center;}
    
    

    pis sinon à la place perso déjà de ça :
    padding-top: 15px;
    background-image: url(http://www.streaming-powaa.fr/images/fondtitre.png);
    background-repeat: no-repeat;

    j'aurais ça (j'sais pas si ca change quelque chose )

    padding: 15px auto 0 auto; 
    background: url(http://www.streaming-powaa.fr/images/fondtitre.png) no-repeat;
    

    Sinon j'ai pas trop compris ton prob ^^'



  • Sous IE il a la ban de freeheberg qui s'affiche en bas de la page au lieu de à droite ^^



  • IE crée toujours plein de problèmes avec le design, pour ton problème, je pense que la solution la plus simple est d'utiliser un tableau, su style :

    <table><tr>
    <td>Menu de gauche</td>
    <td>Contenu du milieu</td>
    <td>Publicité de Freeheberg</td>
    </tr></table>

    IE sera obligé d'aligner les 3 sur la même ligne…



  • avec des div en float faut écrire d'abord celle de gauche, celle de droite et le centre ( et IE le gère mal ça ) du coup faire gaffe aux width c'est nécessaire , sinon parfois ça se joue juste avec l'ordre ou tu écris tes div quand tu utilise des float



  • J'ai oubliais de dire que cela ne le faisait pas chez tout le monde lol mais j'ai essayé en mettant tout simplement des tableaux et sur l'ordi sur lequel je suis ca marche… Reste à savoir chez moi je vous tiendrai au courant.

    Merci de votre aide !


Se connecter pour répondre
 

Il semble que votre connexion ait été perdue, veuillez patienter pendant que nous vous re-connectons.