Salut,
 
Le design de mon site n'a pas de problèmes avec FF ou Opera.
En revanche, sous IE, j'ai un vieux décalage vers la gauche de 40 pixels (je crois) sans comprendre pourquoi.
 
Est ce que certains auraient une idée ?
 
Le site est en PHP, fonctionne avec un CSS, et... voilà.
 
Merci d'avance.

Bonsoir,
 
Tu pourrais nous donner l'url de ton site stp ?
 
D'avance merci
@++

Oui, le voilà : Url
 
Merci

Commence déjà par corriger les erreurs de balisage (passe le au validateur, tu comprendras).

Pas de pb sous IE7.

@gebruik : Comment je fais pour le passer au "validateur" ? Je ne sais pas ce que c'est en fait. :$
 
@Dj YeLL : Ah oui, je parlais sous IE6.
Quoique IE7, il y a des soucis avec le menu déroulant non ?
 
Merci pour vos réponses.

Pour le pb de décalage du menu sous IE7, c'est à cause de ton margin-left à -40px

Je vais lancer une VM avec IE6 pour tester, je te tiens au courant

Mais si je mets pas mon margin-left à -40, c'est décallé sous FF et Opera.
 
Il n'y a pas moyen de trouver quelque chose pour associer les deux ?
 
Merci pour les tests

 
Il n'y a pas de raison pour le mettre.
 
Vérifie que tu as bien viré le padding aussi.

Ben, à la base, ils servent pour recentrer sous FF/Opera.
Je viens de virer le margin, et ça a décallé (en local)
 
En padding, j'ai ça :
 
#menu2 li {
text-align : left;
padding-left : 10px;

Balance la version sans le margin

Ok, ça marche, j'up ça.
 
Edit: C'est fait. Apparemment, pas de soucis en ligne. ôO

J'ai tjs le décallage sous IE là ... t'es sûr d'avoir uploadé la bonne version ?
 
Quoiqu'il en soit :

#menu2 ul{
    /* Tes styles existants */
    margin: 0px;
    padding: 0px;
}

Ah merde.
 
Oui, c'est la bonne version pourtant, j'ai viré la ligne du "margin"
 
J'ai ça :
 
#menu2 ul{  
width : 141px ;  
height : 26px;
list-style : none;
font-weight : normal;
text-transform : capitalize; }

Faut pas "virer" le margin, dans le sens ne pas mettre la ligne, mais dans le sens de le mettre à 0
 

#menu2 ul{  
    width : 141px;
    height : 26px;
    list-style : none;
    font-weight : normal;
    text-transform : capitalize;
    margin: 0px;
    padding: 0px;
}

Ah ok, au temps pour moi ^^'
 
Je modifie ça de suite et je re-up alors.
 
C'est fait.
 
Edit: Le menu est bon au niveau horizontal sous IE6

It works \o/

Bon restent les autres problème maintenant

Oui, le menu est bon sous IE6 !
 
Les cases sont par contre trop "hautes", tu saurais d'où ça peut venir ?
 
Enfin, j'ai aussi un décalage du bloc "texte", le truc au centre, de la même manière que pour le menu. Ca serait la même origine ?
 
Merci pour ton aide en tout cas
 
Edit: Je viens de regarder mon CSS, ça, c'est louche...
 
#bloc_centre{  
width : 854px;  
padding-bottom : 10px;
background : #404040;
margin-left : 165px !important;
margin-left : 115px ;
text-align : left;}

Tu n'as pas le dernier élément de ton menu qui retourne à la ligne sous IE6 ?

Si, c'est fort possible que ce soit ça.
 
Parce que la distance avec le haut de la case est bon (ou du moins, à l'air, j'ai pas vérifié au pixel)

Remplace ça :
 

margin-left : 165px !important;
margin-left : 115px;

 
Par ça :

margin: 0px auto;

Ok ça marche.
 
Je remplace ça et j'upload.
 
Pour le retour à la ligne, ça peut se modifier ?
 
-> Parfait pour le décalage du "body"
 
Edit: Merde, j'ai le décalage du menu vertical aussi. Toujours trop à gauche les écritures.
 
Voilà son CSS si t'as une idée ^^
 
#menu {
position : absolute ;  
left : 12px ; ?
top : 95px ;
text-align : left;
background : transparent top left no-repeat; }
 
 
#menu ul{  
width : 100px;  
height : 275px;  
list-style : none;
margin : 8px 0 0 12px; ?
text-transform : uppercase; }
 
#menu li{
margin : 0;
padding :  0;
list-style : none;  
line-height : 30px;
text-align : left;
text-indent : 5px; }
 
#menu li a {
background : transparent url(images_site/bg_menu.gif) bottom no-repeat;  
width : 120px;
display : block;
height : 30px;
text-decoration: none;
margin :  0;
padding : 0;
list-style : none;
color  : #000000 }
 
 
#menu li a:hover {
background : transparent url(images_site/bg_menu_ov.gif) bottom no-repeat;  
height : 30px; }

Sorry, I'm going to sleep now
 
La suite demain \o/

Ok, je t'attends demain pour de nouvelles aventures
 
Merci pour ton aide en tout cas.

Voilà ce que j'ai trouvé comme soucis restants sous IE6 :
 
- Menu vertical d'en haut à gauche décalé sur la gauche
- Saut de ligne dans les cases "déroulées" du menu déroulant horizontal
- Répétition du bas sur certaines pages (Audio.php en particulier) qui n'a pas lieu sous FF
- Bas placé en vrac dans les News  
 
Si vous avez des idées, en particulier maître Dj YeLL qui était chaud hier !

Tu fais bien de remonter J'avais oublié
 
T'as cherché au moins depuis hier soir ?

Ben, avant de poster le topic, j'avais modifié ce que je pouvais.
 
Mais là, je comprends pas vraiment en fait.
 
Pour le menu, j'ai tenté en virant les parties colorées dans un de mes posts au dessus, sans succès.
 
Pour le saut de ligne, je vois pas, il n'y a pas de <br/> ou autre dans la page à cet endroit là.
 
Et la répétition du bas, j'aurais pensé que ça venait d'un div ou d'une connerie comme ça mais...

Pas d'idées ?

deja en haut de la css tu mets
ul , li {margin:0;padding:0;}
ca sera fait une bonne fois pour toutes et ca t evitera de le repeter 15 fois
ou encore mieux tu utilises une reset css qui t evitera ce genre de desagréments
http://meyerweb.com/eric/thoughts/ [...] -reloaded/
 
pour le menu vertical t as foutu un line height de 30 px alors que tu veux que ton a fasse 25px
sur ie height et width sont l equivalent css de min-height et min-width donc tes a font naturellement 30px de haut
 
pour le menu horizontal c ets tout simplement que ton dl est trop large enleve un pixel

Merci pour ta réponse
 
Pour le menu vertical, le soucis, c'est que les écritures du menu sont décalées sur la gauche en fait.
 
Pour le menu horizontal, j'ai testé mais ça ne change rien.
 
Edit: J'ai réparé le coup des liens, j'avais juste up' le mauvais CSS.  
J'ai édité le post où sont recensés mes soucis.

Up!

bah j ai toujours la vieille css...(les liens trop hauts)
pour le decalage a gauche c ets ton padding de 40px
et pour le menu vertical chez moi ca marche
au pire si enlever un pixel suffit pas t en enleve deux

 
Merci pour ta réponse !
 
J'ai up lesite2 aussi comme CSS.
Sur les deux, j'avais margin 0 et padding 0 dans ul et li.
J'ai ajusté ensuite le margin et ça marche bien sous FF3 et IE6 !
Soucis du menu vertical réglé merci !
 
Je diminue le dl du menu horizontal maintenant pour voir tout ça

Pour le menu horizontal, quand je diminue le dl (j'ai fait jusqu'à 130 pour tester), ça diminue les 'titres' en fait, pas les cases qui se déroulent.

la width est a 116 et tu l as diminuée jusqu a 130 ?

Elle est de 116 pour 1024*768.
 
J'ai mis 140 pour 1280*1024 et plus.
 
Donc oui, j'ai bien diminué jusqu'à 130.

j ai fait des tests avec tes deux css et ca marche

Tu es sous IE6 ?
 
Parce que j'ai toujours ce saut de ligne moi.

ie6 oui
sur la css1 je n ai rien a toucher ca rentre tout seul
et sur la deux j ai juste enlevé deux pixels

C'est bizarre comme truc.
J'ai aussi IE6, et avec le CSS1, ben j'ai un saut de ligne clair que je n'ai pas sous FF.
 
Je vais enlever 2px sur le 2 alors si ça ne te pose plus de soucis quand tu le fais. Je vais up' ça après.
 
Merci