probleme de css?

Question

Bonjour à tous, je suis tout nouveau sur le forum et pour cause je "programme" depuis peu, je vous donne le lien de mon premier vrai site http://www.phpmyblog.e3b.org
En fait, il n'est pas terminé, je souhaiterais dans un premier temps reglé mon probleme de compatibilité entre les naviguateurs, cela me semble assez compliqué si quelqu'un de plus compétent pouvait m'aider.
Mon probleme est l'affichage de mon site sur internet explorer, celui ci est bien différent que sous mozilla firefox, j'utilise mozilla, mais j'aimerais obtenir le même résultat avec ces deux naviguateurs

Merci à vous

cs_mickael56100 · Answer

Voila les pb que je souhaiterais rêglé
- la zone principale du site n'est pas centré sous ie mais apparait tout a droite, ce qui n'est pas le cas sous firefox
voila un extrait de mon css

body {
    margin: 0;
    padding: 0;
    background: #F4FBFF url(images/img01.jpg) repeat-x;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #405A67;
}

...
#page {
    width: 954px;
    margin: 0 auto;
    background: #FFFFFF url(images/img03.jpg) repeat-y;
}

le rendu de la zone "about phpmyblog" est différente de celle sous firefox

#about-box {
    width: 185px;
    height: 162px;
    padding: 70px 37px 0 35px;
    background: url(images/img11.jpg) repeat-x left bottom;
}

#about-box h2 {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: normal;
}

#about-box p {
    font-size: 12px;
}

le identifiant et mot de passe est un peu trop décalé sous ie
et le nous contacter apparait sur deux ligne sous ie

#sidebar {
    float: right;
    width: 274px;
    background: url(images/img05.jpg) no-repeat;
}

#sidebar ul {
    width: 206px;
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
}

#sidebar li {
}

#sidebar li ul {
    width: auto;
    padding: 0 15px 0 10px;
}

#sidebar li li {
    padding: 5px 0 5px 0;
    background: url(images/img13.gif) repeat-x;
}

#sidebar li li.first {
    padding-top: 0;
    background: none;
}

#sidebar li h2 {
    font-size: 18px;
    padding: 30px 0 40px 10px;
    background: url(images/img12.jpg) no-repeat left bottom;
}

enfin l'encadré du bas n'apparait pas sous ie

cs_mickael56100 · Answer

j'espere avoir posté ce sujet au bon endroit, peut etre que le theme web 2.0 / css était plus approprié?

cs_mickael56100 · Answer

J'ai réussit à regler certains probleme, désormais il ne m'en reste plus que deux si vous pouviez m'aider, le plus important étant l'affichage du site en plein centre de la page utilisateur
- la zone principale du site n'est pas centré sous ie mais apparait tout a droite, ce qui n'est pas le cas sous firefox
voila un extrait de mon css

body {
    margin: 0;
    padding: 0;
    background: #F4FBFF url(images/img01.jpg) repeat-x;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #405A67;
}

...
#page {
    width: 954px;
    margin: 0 auto;
    background: #FFFFFF url(images/img03.jpg) repeat-y;
}

le rendu de la zone "about phpmyblog" est différente de celle sous firefox

#about-box {
    width: 185px;
    height: 162px;
    padding: 70px 37px 0 35px;
    background: url(images/img11.jpg) repeat-x left bottom;
}

#about-box h2 {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: normal;
}

#about-box p {
    font-size: 12px;
}

Probleme de css?

3 réponses

Votre réponse

Discussions similaires