[Résolu] A n'y rien comprendre !

Pour réaliser mon site. Je me suis Basé sur Firefox Et ie6 en me disant que cela passerais très bien. Pour être tranquille je me dis qu'il fallait que tout soit valide le XHTMLet les CSS.
Tout c'est très bien passé jusqu'à ce que mon client m'appel et me dise que mon site ne marche pas.En effect il ne passe pas sur ie7, pourtant ie7 devais être plus proche des standards.
Pourriez vous me dire où est le problème, là j'avoue je perd un peu ma foi.
http://www.paulallain.com/maema/
Modifié par _paul_ (16 Sep 2008 - 12:59)

Tous d'abord Bonjour,

J'ai bien compris que ton site ne marchais pas sur le IE7 de ton client mais peu tu cibler le probleme ?

+

Bonjour,
Pardon mon énervement me fait perdre la politesse.
Ce site fonctionne a l'identique sur 4 navigateurs (Opera 9.25,safari 3.1.1,firefox 3.0.1 ie6.x.x)
Mais me fait des misères sur ie 7 je n'arrive pas a

a écrit :
cibler le probleme

.
là est mon problème.

Merci

Salut Paul et bienvenue ,

ta déclaration est étonnante :

#colonneg {
	position:absolute;
	position:fixed;
	float:left;
	...
}

Si le position:absolute est pour IE < 7 ce serait plus propre de le renseigner dans un commentaire conditionnel (voir la FAQ).
Pour corriger le problème de rendu dans IE7 je pense qu'il suffit de remplacer le float:left (d'ailleurs inutile) par left:0;

A+


Edit: en passant tu pourrais en profiter pour remplacer le margin-top:-10px par top:0
Modifié par Heyoan (15 Sep 2008 - 19:29)

OK merci je m'en vais essayer ça immédiatement ce que tu appel

a écrit :
un commentaire conditionnel

Est un hack ?
Modifié par _paul_ (15 Sep 2008 - 19:30)

_paul_ a écrit :

Est un hack ?

Justement non : c'est la manière "propre" d'éviter les hacks.

Excuse moi je ne comprend pas

a écrit :
un commentaire conditionnel (voir la FAQ)

je ne sais pas ce que c'est que un commentaire conditionnel
j'ai changé mon margin tu as raison c'est mieux!

Pardon je pensais que un commentaire conditionnel était un hack !

_paul_ a écrit :
Excuse moi je ne comprend pasun commentaire conditionnel (voir la FAQ)

On peut traduire ça par : voir dans la FAQ le point qui explique ce que sont les commentaires conditionnels.

Concrètement tu as une feuille de style générale avec

#colonneg {
	position: fixed;
	background-color: #FF6600;
	height: 2000px;
	width:308px;
	left: 0;
	top: 0;
}

et juste après tu ne cible que IE < 7 ce qui donne

<link href="/maema/css/maema.css" rel="stylesheet" type="text/css" />
<!--[ if lt IE 7]> (sans espace avant le if)
<style type="text/css">
#colonneg {
	position: absolute;
}
</style>
<![ endif]--> (sans espace avant le endif)

ok je regarde ça
Modifié par _paul_ (15 Sep 2008 - 19:55)

OK c'est très bon a savoir ça !
Merci
Excuse Je suis un peu stress.
J'ai retirer mon

position: absolute;

qui n'avait pas grand chose a voir avec mon problème.Il reste entier.
Mais c'est intéressant de savoir que l'on peut préciser de maniére aussi élégante a un navigateur,une propriété
ça c'est sure que ça me reservira.

_paul_ a écrit :

...qui n'avait pas grand chose a voir avec mon problème.Il reste entier.

Ah bon...

Je ne vois pas trop comment être plus clair. Mais j'essaye quand même :
il faut remplacer

#colonneg {
	position:absolute;
	background-color: #FF6600;
	margin: -10px 0 0 0;/**-----petite triche----**/
	height: 2000px;
	width:308px;
	position:fixed;
	float:left;
}

par

#colonneg {
	position:fixed;
	background-color: #FF6600;
	height: 2000px;
	width:308px;
	left: 0;
	top: 0;
}

Comme IE6 ne comprend pas la position fixed il faut lui spécifier d'utiliser une position absolute à l'aide de commentaires conditionnels comme expliqué plus haut...

Qu'est-ce que tu ne comprends pas ?

Tout d'abord merci !
Oui, pour ton acharnement et ta patience.
Pour ne pas tout modifier j'ai mis mon site sur http://www.paulallain.com/maema2/
Car il fonctionne parfaitement partout ailleurs que ie7.
mon problème n'est pas le menu fixe, mais bel et bien toute la mise en page du site.
Afin de vous montrer l'ampleur des dégâts, je pense que se bug doit être référencé quelque part (c'est trop gros).
Voilà comment mon site est interprété dans firefox (et les autres dont ie6)
Voici comment il est vu dans le vilain ie7.
Le fait de ne pas avoir mon menu fixe n'est pas un problème je me suis fait a l'idée.
Sinon

margin: -10px 0 0 0;/**-----petite triche----**/

me sert seulement dans tout les ie a ce que le petit logo ne soit pas collé en haut a la barre de nav, mais je vais le mettre dans un commentaire conditionnel comme expliqué dans le FAQ.
Si tu regardes mes copies d'écran je pense que tu verras que mon probleme reste entier.
Voilà merci de me filer un coup de main.
J'ai vraiment les mains dans le camboui.

Euh... tu ne voudrais pas, juste pour me faire plaisir , essayer 1 fois

#colonneg {
	position:fixed;
	background-color: #FF6600;
	height: 2000px;
	width:308px;
	left: 0;
	top: 0;
}

et voir le rendu sous IE7 ?

Sinon pour le décalage de ton logo un simple padding-top: 10px devrait suffire sans avoir besoin de commentaire conditionnel.



Edit: une page de test en ligne
Modifié par Heyoan (16 Sep 2008 - 11:59)

OK OK OK
Toute la faute est sur moi !
En dupliquant mon site. ma page allait chercher l'ancienne feuille de style.
Forcement ça ne pouvait pas marcher.
Bravo merci !
Je te doit une fière chandelle
Je suis très impressionné, tu doit être vraiment du "métier".
non?
J'espère qu'un jour je pourrais te rendre la pareil.

Ps : Je ne trouve pas le bouton résolu mais le problème l'est.
Modifié par _paul_ (16 Sep 2008 - 12:20)

_paul_ a écrit :

Ps : Je ne trouve pas le bouton résolu mais le problème l'est.

Il n'existe pas mais la marche à suivre est dans la FAQ: Comment éditer un sujet sur le forum, et comment classer un sujet en [Résolu] ?

Tout simplement !
Merci