Aller au contenu

[Aide CSS] Problème d'affichage sous IE 7 et 6


Ancoda

Sujets conseillés

Bonjour,

Je rencontre un petit soucis pour le site web que je suis en train de finaliser.

J'ai bien galéré avec les CSS, mais le travail touche à sa fin, je suis pas mécontent de l'intégration de la maquette (qui est très moche je dois le reconnaitre, mais qui m'a été imposée, ainsi que l'architecture) sachant que je suis loin d'être un expert :)

Bon le site n'est pas bien compliqué c'est sur !

Il marche très bien sur la majorité des navigateurs web, mais sous IE7 j'ai un soucis avec le header :

<image supprimée à la demande de l'auteur>

Le problème c'est le texte sous le nom du site, il est à droite alors que normalement il est collé à gauche. J'avoue avoir eu du mal à le placer donc j'ai utilisé une méthode surement pas propre :

#header h2{
position: absolute;
font-size: 25px;
font-style: italic;
margin: 75px 0 0 15px;
color: #0F4825;
}

Après y avoir passé pas mal de temps, j'arrive pas à trouver un positionnement qui marche sur tous les navigateurs !

Mon autre problème concerne le menu, comme vous pouvez voir le premier lien du menu est collé au header ! Là encore, j'avoue n'avoir plus d'idées sur comment fixer ça, voici le CSS correspondant :

.menu {
margin: 0px;
}

.sidebar {
width: 200px;
margin: 0 0 0 20px;
float: left;
}

*html .sidebar {
width: 200px;
margin: 0 0 0 20px;
float: left;
}

.sidebar a {
text-decoration: strong;
font-size: 25px;

}

.sidebar ul{
list-style-type: none;
padding: 0;
margin-bottom: 20px;
margin-left: 0;
}

.sidebar li{
margin-bottom: 20px;
background-image: url(images/menu.png);
text-align: center;
}

.sidebar ul h2{
color: white;
background: #555;
font-size: 13px;
padding: 8px;
font-weight: normal;
}

Enfin dernier problème sous IE6 cette fois (je suis partisan de ne plus développer pour IE6 mais là le bug est vraiment pas beau) j'ai ce message d'erreur quand j'ouvre mon site avec :

<image supprimée à la demande de l'auteur>

Pour info, j'ai testé mon site grâce à http://www.xenocode.com/browsers/ que je vous conseille, c'est vraiment super pratique !

Et désolé pour la longueur de mon post et mes questions, mais là vraiment je bloque :(

Ces fichus comptabilités entre navigateur, je sais jamais comment m'en sortir !

Je remercie beaucoup celui qui pourra m'aider :bisou:

Modifié par Dan
Lien vers le commentaire
Partager sur d’autres sites

Oui c'est vrai désolé j'ai oublié, ce n'est pas du tout secret vu que c'est le titre du site présent sur la copie d'écran :)

Je le mets en spoiler pour pas qu'il soit référencé :

<lien supprimé à la demande de l'auteur, le hub se référence trop bien :) >

Mon principal problème porte sous IE7, et dans une moindre mesure IE6...

Merci à ceux qui pourront m'éclairer :smartass:

Modifié par Dan
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...