Version complète: sur le forum Webmaster Hub : flash cache block css ?
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
gummybear
Bonsoir,

la page

http://digitalpixel.free.fr/test/css/rapha...bloc-transp.htm

Elle s'affiche correctement dans I.E. 5.5 mais dans
Firefox 1.0 le bloc de droite n'apparait pas en
avant-plan ?!?

Serait-il caché derrière l'animation flash ?

Quand je supprime l'animation flash en laissant le reste de
la structure cela fonctionne correctement...

Quelqu'un a une idée pourquoi ? blink.gif

@+

Gummybear
Loupilo
Évidemment qu'il est caché par l'animation ^_^
Essaie juste de mettre un position:fixed à la place du absolute, et ton bloc apparaît... parce que fixed le retire du flux et le place devant...
D'ailleurs, jai actuellement beaucoup d'onglets ouverts, quand je recharge le tien je vois l'espace d'un instant le bloc, avant que Firefox ait chargé l'anim...

Tu dis à l'anim de prendre toute la hauteur et la largeur et tu la mets en premier. Comment veux-tu que Firefox t'affiche le bloc wacko.gif ?

Et si tu mettais le bloc avant l'anim dans le code, ça donnerait quoi ?

Amicalement,
Loupilo.
encyclo
As-tu essayé d'ajouter z-index:1000; sur le bloc que tu veux apparaître au-dessus?
Loupilo
CITATION(encyclo @ mardi 11 janvier 2005, 20h09)
As-tu essayé d'ajouter z-index:1000; sur le bloc que tu veux apparaître au-dessus?
*


J'ai essayé, et ça ne fonctionne pas...
Non, je pense que le problème vient du fait que contenu fait 100% partout et que bloc est après... Comment trouver de la place restante sur les 100% occupés ??
Monique
Bonjour,

Effectivement le problème vient du fait que le bloc contenu occupe la totalité de la fenêtre... il est d'ailleurs impossible d'obtenir le menu contextuel avec un click droit !

Je viens de faire un essai avec #contenu { width: 70%; ... } et le bloc de droit apparaît wink.gif
gummybear
...merci Monique, Loupilo et Encyclo,

le but est effectivement d'avoir une page où l'animation
flash occupe l'ensemble de l'affichage disponible,
avec par-dessus un bloc positionné à 20 px du bord droit.
J'ai donc besoin des 100 % pour l'animation flash.

J'ai essayé avec fixed et là c'est l'inverse qui se produit,
c'est ok dans Firefox mais pas dans IE 5.5

Ensuite j'ai essayé de placer le bloc devant l'anim,
mais ça ne fonctionne pas :
- est-ce qu'il faut modifier la position du bloc
dans la partie code CSS ?
dans la partie HTML ?
ou les deux ?
Loupilo
CITATION(gummybear @ mercredi 12 janvier 2005, 09h29)
J'ai essayé avec fixed et là c'est l'inverse qui se produit,
c'est ok dans Firefox mais pas dans IE 5.5
*


CODE
position: fixed !important;
position: absolute;


^_^
gummybear
...Yesssssss !
ça fonctionne ! Merci Loupilo, tu es trop fort ! wub.gif

voilà la page avec le code mis à jour :
http://digitalpixel.free.fr/test/css/loupi...bloc-transp.htm IMSTP3.gif

une dernière petite chose :
est-ce qu'il est possible d'aligner le positionnement du bloc
de doite sur la hauteur et le largeur de l'animation flash
au-lieu du haut et droit de la page ? whistling.gif

@+

Gummybear biggrin.gif
Loupilo
CITATION(gummybear @ mercredi 12 janvier 2005, 17h31)
une dernière petite chose :
est-ce qu'il est possible d'aligner le positionnement du bloc
de doite sur la hauteur et le largeur de l'animation flash
au-lieu du haut et droit de la page ?  whistling.gif
*


L'animation utilisant 100% de la page, en positionnant le bloc comme tu le fais, c'est comme si tu le positionnais sur l'anim flash huh.gif
gummybear
...ce que j'observe, c'est que le bloc reste positionné par
rapport au bord haut et droit de la zone d'affichage.
Si tu redimensionne ta fenetre de façon très large ou très étroite
tu pourras observer la chose.
Alors comment faire pour que le bloc se calle sur le bord de la zone
reservée à l'anim flash ? blink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.