2011-03-24, 20:42
  #1
Medlem
Tjena!
Har en webbsida (http://rndmpx.com) med roliga bilder. Nu vill jag att man ska kunna kommentera och då tänkte jag att det är lättast att implementera facebook. Lätt var bara förnamnet och fan vad bra det gick, förutom att min fina lilla meny längst ner hamnar under kommentar-lådan. Gilla-knappen hamnar fint under som den ska men kommentar-lådan vägrar. Testade att sätta z-index:1000000000 på menyn men ändå hamnade den under. Någon som har erfarenhet av detta eller något tips på hur jag kan lösa det?

HTML-kod:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Frndmpx.com%3Fimg%3D481&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=  like&amp;font&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
<div id="fb-root""></div><script src="http://connect.facebook.net/en_US/all.js#appId=164977846876034&amp;xfbml=1"></script><fb:comments href="http%3A%2F%2Frndmpx.com%3Fimg%3D481" num_posts="2" width="500"></fb:comments>

detta är koden för facebook-kommentar-boxen, finns det något sätt att få den att "hoppa bak" som z-index? har testat att lägga en div med lägre z-index än menyn runt facebook-grejen men detta funkade inte.

Tack på förhand!
__________________
Senast redigerad av Hewgouw 2011-03-24 kl. 20:44.
Citera
2011-03-24, 21:26
  #2
Medlem
Hade inte allt för mycket tid att gå igenom koden helt men logiskt så borde det gå om du sätter:

HTML-kod:
z-index: 0 !important;

på facebook elementen och sedan högre z-index på ditt element som ska överlappa om det nu är det som strular.
Citera
2011-03-24, 21:50
  #3
Medlem
Citat:
Ursprungligen postat av iamfake
Hade inte allt för mycket tid att gå igenom koden helt men logiskt så borde det gå om du sätter:

HTML-kod:
z-index: 0 !important;

på facebook elementen och sedan högre z-index på ditt element som ska överlappa om det nu är det som strular.

Ja det var ju det jag trodde med skulle hjälpa. Men på något vis verkar det inte spela någon roll vad jag har för z-index på menyn då facebook hamnar överst ändå.
Citera
2011-03-24, 21:59
  #4
Medlem
Notera !important. Det har nämligen högre prioritet än inline-styles.
Citera
2011-03-24, 22:06
  #5
Medlem
Hade nu möjlighet och testa det var inge problem att bara sätta högre z-index. Du måste vara och surra på fel ställe.
Citera
2011-03-24, 22:06
  #6
Medlem
Citat:
Ursprungligen postat av iamfake
Notera !important. Det har nämligen högre prioritet än inline-styles.

Lade till style="z-index: 0 !important;" på diven runt facebook-elementet och i iframen och diven i elementet, inte ens då hamnar den bakom menyn. Känns som det inte har med z-index att göra utan något facebook tjafs dom lagt till.
Citera
2011-03-24, 22:08
  #7
Medlem
Citat:
Ursprungligen postat av iamfake
Hade nu möjlighet och testa det var inge problem att bara sätta högre z-index. Du måste vara och surra på fel ställe.

haha fail i så fall, var satte du det?

edit: fan vad dum jag är... aja bra att det löste sig iaf
__________________
Senast redigerad av Hewgouw 2011-03-24 kl. 22:17.
Citera
2011-03-24, 22:19
  #8
Medlem
Citat:
Ursprungligen postat av Hewgouw
Lade till style="z-index: 0 !important;" på diven runt facebook-elementet och i iframen och diven i elementet, inte ens då hamnar den bakom menyn. Känns som det inte har med z-index att göra utan något facebook tjafs dom lagt till.

Men det är ju iframens stackorder du vill ändra. Nå det ska inte behövas sen finns det lite quirks med IE6 stackorder också men det är en annan diskussion.

Ja det är väl bar du vill ha högre i stacken, så #bar!
Citera

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in