4 svar · 559 visningar · startad av haider
Hej
När jag använder style="position:relative;" för en div, så skapas ett tomrum där div-taggen är placerad. Själva dess innehåll har jag ju placerat någon annanstans.
Vad kan det bero på? Jag är ganska säker på att jag har använt mig av position:relative tidigare utan detta problem.
tack i förhand :)
Ladda upp sidan, ge länk.
Tjena Danne,
den ligger på ett intranät, men det tycks inte vara ett svårt att upprepa problemet.
Här har jag isolerat problemet:
<div style="position:relative; left:45px; top:150px; width:155; height:105">
<img src="/bilder/overlay.gif">
</div>
<img src="/bilder/paket.jpg" width="950" height="400">
Vad som händer är att det blir ett tomrum precis ovanpå den stora bilden i samma storlek som den lilla bilden.
Det är ju konstigt. Så ska det väl inte vara?
Morsning Halder,
Tror inte du isolerat problemet. Man vill gärna se koden som kommer före också - minst. Plus lite annat. Så om du inte vill få femtielva förslag med rena gissningar, så borde du i alla fall ge oss ALL kod, inklusive CSS. Då kan nån titta och ge dej mer exakt hjälp.
Men det absolut bästa är faktiskt om du kan kopiera sidan och ladda upp till nån server nånstans och ge en länk.
Annars får du väl testa med olika värden i left:45px; top:150px; eller t.o.m. ta bort dom helt (beroende på vad du har innan och vad du är ute efter för visuell effekt).
Hmm...
I CSS ger
position: relative
av ett block (som t.ex. en div) per definition den effekten att "hålet" där innehållet skulle ha legat blir kvar...
Vill du positionera något över något annat är det förmodligen position:absolute som gäller (med allt det kan innebära i form av krav på "förälderblock", webbläsarmoder, gamla buggar osv..) om du inte vill ha bakgrundsbilden som just en bakgrundsbild...
Rekommenderar http://www.autisticcuckoo.net/arkiv.php?id=2004/12/07/relativt-absolut för att reda ut begreppen ;)