Aller au contenu

flash cache block css ?


gummybear

Sujets conseillés

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:

@+

Gummybear

Lien vers le commentaire
Partager sur d’autres sites

É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: ?

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

Amicalement,

Loupilo.

Lien vers le commentaire
Partager sur d’autres sites

As-tu essayé d'ajouter z-index:1000; sur le bloc que tu veux apparaître au-dessus?

<{POST_SNAPBACK}>

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 ??

Lien vers le commentaire
Partager sur d’autres sites

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 ;)

Lien vers le commentaire
Partager sur d’autres sites

...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 ?

Lien vers le commentaire
Partager sur d’autres sites

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

<{POST_SNAPBACK}>

position: fixed !important;
position: absolute;

^_^

Lien vers le commentaire
Partager sur d’autres sites

...Yesssssss !

ça fonctionne ! Merci Loupilo, tu es trop fort ! :wub:

voilà la page avec le code mis à jour :

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

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:

@+

Gummybear :D

Lien vers le commentaire
Partager sur d’autres sites

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:

<{POST_SNAPBACK}>

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:

Lien vers le commentaire
Partager sur d’autres sites

...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:

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...