28172 sujets

CSS et mise en forme, CSS3

Priorité des div en absolute

Bonjour!

Voilà j'ai deux images, une petite et une grande. Je les ai toutes les deux mises en absolute pour qu'elles se superposent. Sur firefox mac, pas de problème.. la petite image apparait devant la grande..

Mais sur firefox pc, la petite image s'affiche derrière la grande! Du coup on la voit pas .. ^^"

Vous n'auriez pas une solution pour que d'office, la petite apparaisse devant la grande ?

Les deux images sont comme ça en css:

#all{
        position: absolute;
        top: 187px;
        left: 640px;


}


et j'ai beau les changer de place en css et en html, ça change rien!

Merci pour votre aide..
Modifié par Docxell (30 Apr 2010 - 15:00)
Non, ça ne marche pas... Mais ça serait peut-être judicieux de dire qu'il ne s'agit pas d'images. C'est un document flash (la grande image), et des textarea (la petite).

J'ai fait ça

#aaa{
        position: absolute;
        top: 0px;
        left: 500px;
        z-index: 1;


}



#all{
        position: absolute;
        top: 187px;
        left: 640px;
        z-index: 2;


}


mais rien n'y fait.
Modifié par Docxell (30 Apr 2010 - 15:13)
A première vue, ça peut tout simplement venir de l'interprétation de flash par le navigateur. Il est possible que les contenus vidéos passent devant les autres éléments. Si c'est le cas, tu ne pourras pas modifier grand chose, à part peut-être essayer de servir ta vidéo dans un élément HTML5 <video>.

Ce serait possible d'avoir le code HTML correspondant à tes styles ?
C'est comme ça:


<form method="post" action="sendeail.php">

<?php
$ipi = getenv("REMOTE_ADDR");
$httprefi = getenv ("HTTP_REFERER");
$httpagenti = getenv ("HTTP_USER_AGENT");
?>
<font color="#ffffff">
<div id="all">
<p>

<input type="text" name="visitor" size="20" class="img" />
</p>
<p></div>
<div id="all2">

<input type="text" name="visitormail" size="20" class="img" />
</p>
</div>
<div id="all3">
<p>
<input type="submit" border=0 src="img.png" type="image" value="OKK" />
</p>
</div>
</font>

</form>
<div id="aaa">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="806" height="477" title="c">

              <param name="movie" value="loader.swf">
              <param name="quality" value="high">
              <embed src="loader.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="742" height="556"></embed>
            </object>
     
</div>

Modifié par Docxell (30 Apr 2010 - 22:52)
Il a une ouverture de paragraphe mal située dans ton bout de code, le problème pourrait venir de là.

Avant :

<div id="all"> 
  <p>
    <input type="text" name="visitor" size="20" class="img" /> 
  </p> 
  <p>
</div> 
<div id="all2"> 
    <input type="text" name="visitormail" size="20" class="img" /> 
  </p> 
</div>

Après :

<div id="all">
  <p>
    <input type="text" name="visitor" size="20" class="img" />
  </p>
</div>
<div id="all2">
  <p>
    <input type="text" name="visitormail" size="20" class="img" />
  </p>
</div>
Merci, je vais essayer ça...

J'étais parti pour faire un truc vite fait, mais j'ai problème sur problème et finalement ça me prend la tête depuis une semaine!

Et aussi, sur ie, le document flash apparait beaucoup plus petit .. (?) Vous avez une idée du pourquoi?
Docxell a écrit :
Et aussi, sur ie, le document flash apparait beaucoup plus petit .. (?) Vous avez une idée du pourquoi?
Peut-être à cause des différences de dimension entre ta balise object et ta balise embed.

Regarde cette astuce du site, on y parle de l'intégration d'un objet flash (et notamment de la syntaxe à adopter).
Ok je sors ^^

J'ai été trop vite, du coup je vous emm*rde pour des futilités j'aurais du faire attention Smiley langue

Mais ça n'enlève pas le problème des priorités..
Sujet clos
Aller à