Bonjour.
Tout d'abord je suis nouveau sur ce forum, je souhaite bonjour et merci au habitués des forums Alsacreations qui, derrières leurs écrans, mon beaucoup aidés lorsque j'avais besoin d'aide. je me suis inscris uniquement car j'ai besoin de poser une question quelque peu fondamentale (hé hé).
Bref, intéressons-nous un peu à mon problème.
http://www.scrapy.net/alsacreations/
Comme vous le voyez, il y a un menu en "position: fixed" (ie6 a un petit script JS pour l'émuler, c'est pas très jolie mais c'est ce qu'il y a pour le moment. Mieux vaut ça qu'un code non valide un peu foireux). Il faut savoir que ce menu, ainsi que la page, est centré.
Malheureusement, dès qu'une div contient un instruction CSS "position", et que le tout est en "margin: auto;", aussitôt que l'on redimensionne la fenêtre (IE6 uniquement), il ne refresh pas automatiquement.
Essayez par vous même, ouvrez http://www.scrapy.net/alsacreations/ sur votre navigateur IE6 en pleine écran, plus redimensionnez votre fenêtre. La seul manière de recentrer le site et de faire F5. Ce n'est pas le javascript qui cause ce problème, j'ai essayé sans.
Une idée pour éviter ce problème ? Je ne peux supprimer les "position:", j'en ai besoin pour le menu. Si vous avez une solution, si possible, qu'elle ne soit pas en javascript, qu'elle puisse être valide et compatible entre les navigateurs (du moins nous nous sommes compris).
Merci.
Modifié par Scrapy (10 Sep 2008 - 07:47)
Tout d'abord je suis nouveau sur ce forum, je souhaite bonjour et merci au habitués des forums Alsacreations qui, derrières leurs écrans, mon beaucoup aidés lorsque j'avais besoin d'aide. je me suis inscris uniquement car j'ai besoin de poser une question quelque peu fondamentale (hé hé).
Bref, intéressons-nous un peu à mon problème.
http://www.scrapy.net/alsacreations/
Comme vous le voyez, il y a un menu en "position: fixed" (ie6 a un petit script JS pour l'émuler, c'est pas très jolie mais c'est ce qu'il y a pour le moment. Mieux vaut ça qu'un code non valide un peu foireux). Il faut savoir que ce menu, ainsi que la page, est centré.
Malheureusement, dès qu'une div contient un instruction CSS "position", et que le tout est en "margin: auto;", aussitôt que l'on redimensionne la fenêtre (IE6 uniquement), il ne refresh pas automatiquement.
Essayez par vous même, ouvrez http://www.scrapy.net/alsacreations/ sur votre navigateur IE6 en pleine écran, plus redimensionnez votre fenêtre. La seul manière de recentrer le site et de faire F5. Ce n'est pas le javascript qui cause ce problème, j'ai essayé sans.
Une idée pour éviter ce problème ? Je ne peux supprimer les "position:", j'en ai besoin pour le menu. Si vous avez une solution, si possible, qu'elle ne soit pas en javascript, qu'elle puisse être valide et compatible entre les navigateurs (du moins nous nous sommes compris).
Merci.
Modifié par Scrapy (10 Sep 2008 - 07:47)
,
, il me semble qu'il suffit de rajouter un refresh de la page lors d'un redimensionnement (pour IE < 7 uniquement) du genre
), car ce n'est pas vraiment propre visuellement. Et puis, il faut que cela soit visible sur un maximum de navigateur, et beaucoup de gens n'ont pas le javascript activé de base partout. 
) : n'affecter le position:fixed que par le biais de Javascript et seulement après avoir vérifié que la largeur de la page est suffisante. Et du même coup ça répond à ton premier problème puisque ça t'oblige à gérer le "onresize".
.