Kom ihåg mig?

<div> lager-positionering

Ämnesverktyg Visningsalternativ
Oläst 2009-09-21, 09:32 #1
jayzee jayzee är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Aug 2008
Inlägg: 1 089
jayzee jayzee är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Aug 2008
Inlägg: 1 089
Standard <div> lager-positionering

Hallå,

jag försöker placera en absolut-positionerad länk (<a href>) under (dvs. hamna ett lager under) en div som inte är absolut positionerad. Jag lyckas inte få den att hamna under varken genom att lägga den innan det andra lagret i html filen eller genom z-index i CSS filen. En annan sak jag upplever är att jag inte kan klicka länken (inget händer, pekaren byter inte ens utseende) i Firefox, fungerar klockrent i Opera dock (har en event-listener i Jquery kopplad till knappen, javascript konsollen visar inga fel).

Hjälp?

html:
<div id="box"></div>
<a class="button" href="#"><span>CLICK ME</span></a>

css:
#box {height:100px; background:url('../img/box_background.png') repeat-x; width:100%;}
a.button {
position:absolute; top:3px; right:50px; cursor: pointer;
background:url('../img/button_background.png') no-repeat;
display: block;
float: left;
height: 48px;
width:191px;
text-decoration: none;
}

a.button span {
font-size:0.9em;
font-weight:bold;
color:#000;
margin-left:18px;
display: block;
}

Senast redigerad av jayzee den 2009-09-21 klockan 09:45
jayzee är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-09-21, 10:36 #2
objx objx är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 154
objx objx är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 154
z-index fungerar endast på element som har en "position".
Det borde lösa sig genom att sätta "position:relative" på #box-regeln.
objx är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-09-21, 18:28 #3
jayzee jayzee är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Aug 2008
Inlägg: 1 089
jayzee jayzee är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Aug 2008
Inlägg: 1 089
Tackar objx, det löste problemet.
Fortfarande går det dock inte att hovra (har en a.button:hover regel) eller klicka på a.button i Firefox. Som sagt det fungerar i andra webbläsare :/
jayzee är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-09-22, 03:08 #4
taz76 taz76 är inte uppkopplad
Flitig postare
 
Reg.datum: Jan 2008
Inlägg: 388
taz76 taz76 är inte uppkopplad
Flitig postare
 
Reg.datum: Jan 2008
Inlägg: 388
Har du ett div-lager över en länk så är det div-lagret som får händelserna och inte länken.. man kan inte skriva på ett papper i botten om det ligger "20" papper över det.
taz76 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-09-22, 07:23 #5
jayzee jayzee är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Aug 2008
Inlägg: 1 089
jayzee jayzee är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Aug 2008
Inlägg: 1 089
Precis så var det, jag hade en container-div som jag trodde låg under.
Tack för all hjälp.
jayzee är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 
Ämnesverktyg
Visningsalternativ

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 12:04.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017