28172 sujets

CSS et mise en forme, CSS3

[Resolu]Mélanger fixed et absolute en html sous IE

Salut,

j'ai plusieurs éléments dans ma page en position absolute, qu'on atteint avec des scrollTop en js ou des ancres en html. Mais j'ai également une image fixe en fond, problème sur ie6 :

pour rendre un élément fixed, on utilise "absolute" sous ie6 :
* html{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
* html body{
    width: 100%;
    height: 100%;
    overflow: auto;
}
#bg2 {position:absolute;}


mais comment faire dans mon cas? étant donné que tous mes éléments vont devenir "fixed" sous ie6 ?

Merci de votre aide
Modifié par Soraze (24 Jun 2011 - 14:05)
Bonjour,

Le positionnement absolu ne rendra jamais un élément fixe dans IE6 (c'est juste de la dégradation gracieuse pour pas que le layout soit déformé).

Je ne comprend pas pourquoi mettre une image de fond en positionnement absolu, background-attachement:fixed fera le travail.

ps. : un code CSS sans le code HTML associé est inutilisable.
Salut,
en fait je n'ai pas grand chose dans le html à vous montrer : j'ai une div normalement en position fixed, et les autres éléments html à la suite, placés en position absolute.

Donc : j'affiche #bg2, mon image de fond, en js (après que l'image soit chargée, elle apparaît en display:block), et ensuite "container" est une des div en absolute :

<div id="bg2" style="display:none;"><img src="photo2.jpg" alt="image"/></div>
        <div id="loading">qlmsdkjfmlqdskj</div>
        <div id="container">


Malheureusement le #bg2 {background-attachement:fixed} ne fonctionne pas sous IE 6, est-ce que tu aurais un conseil à me donner?
Bonjour,

IE6? Tu veux dire Internet Explorer 6.0? En 2011?
Pas sûr que ça vaille la peine de se prendre la tête là-dessus...
Oui, c'est une galère...

je suis en train d'abandonner petit à petit chaque défaut sous IE6.

Pourtant il reste encore quelques personnes qui ne changent pas leur version d'IE, et qui peuvent penser qu'on a fait un site un peu pourri, car les gros sites restent accessibles.

Mais bon...

EDIT : il faut rajouter url(null) fixed dans la div qui doit être fixe, et ça marche, merci
Modifié par Soraze (24 Jun 2011 - 14:06)
Sujet clos
Aller à