Avatar billede mortvader Nybegynder
26. november 2009 - 12:54 Der er 3 kommentarer og
1 løsning

hjælp til layer

Hjælp, jeg er faret vild i style / layer /float:right / z-index. Eller noget!

Jeg har p.t. 2 DIV'er som skal ligge under hindanden:

<div style='width:494px;'>
<img src='mortvader.jpg' style='float:right;z-order:2;position:relative;top:-16px;left:16px;'>
<img src='solstik1.png' style='float:left;z-order:1;'>
</div>
<div>hej det er bare mig</div>

Der må ikke være afstand imellem dem.

Problemet er:
Inde i den øverste DIV har jeg 2 images.
Det ene skal i princippet fylde hele DIVens faste bredde.
Det andet skal "svæve" lidt forskudt ude til højre. Men den skal følge den DIV den er inde i. Uanset hvad der sker af resize, osv.

Jeg har prøvet med tables også, men magtede altså ikke at opnå det ønskede resultat.

Hvem kan hjælpe?

/Morten
Avatar billede montago Praktikant
26. november 2009 - 13:20 #1
sæt dit yderste element til position:relative;

sæt de indre elementer til position:absolute;

på den måde kan du styre deres position præcists. med top: og left:
Avatar billede mortvader Nybegynder
26. november 2009 - 13:34 #2
Mesterligt! Tusind tak, Montago!
Avatar billede montago Praktikant
26. november 2009 - 16:02 #3
cool


brug også Z-Index til at styre hvad der skal være fremme/tilbage

hvis du skal skjule noget bruger du display:none; eller display:block; (nb. inline kan også bruges)
Avatar billede mortvader Nybegynder
26. november 2009 - 17:43 #4
Jep. Tak igen! Det med position:absolute var ved at drive mig til vandvid. :D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester