Avatar billede munther Nybegynder
25. marts 2002 - 15:34 Der er 3 kommentarer og
1 løsning

CSS Layer med %skaleret billede i Netscape??

Hej!
Jeg sidder og piller med en hjemmeside, hvor designet er skalerbart ifht. skærmstørrelse.
I designet indgår der en foto-baggrund, som også skal skaleres efter skærmstørrelse.
I Explorer har jeg fået det til at virke ved at lægge billedet i et layer
#background { position: relative; z-index: 1; top: 79px; left: 0px; visibility: visible }

og så på selve billedet sætte width og height til 100%.

Mit problem er, at billedet slet ikke vises i Netscape 6.

Nogle kreative forslag
Avatar billede jakoba Nybegynder
25. marts 2002 - 16:01 #1
Jeg tror egentlig nok du kan. men skal hele forgrunden så ikke lægges på et absolut tag med endnu højere z-index.

100% i netscape betyder 100% af det den ligger indeni. så sæt den der div til 100% også så den ikke kollapser sammen.

NB: Opera vil slet ikke skalere billeder til andre mål end dem de faktisk har.

mvh JakobA
Avatar billede munther Nybegynder
26. marts 2002 - 08:56 #2
Hej JakobA
Tak for inputtet; det virker dog ikke. Sætter jeg laget til absolute; bliver det slet ikke vist.

mvh Munther
Avatar billede cms Nybegynder
30. marts 2002 - 12:28 #3
Dette virker i både Mozilla & IE:

<html>
<head>
<style>
  #background { position: relative; z-index: 0; left: 0px; top: 0px; width: 100%; height: 100%; }
  #foreground { position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; }
</style>
</head>
<body>
<div id="background"><img src="top.gif" width=100% height=100%></div>
<div id="foreground">
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !hejsa med digsa ! hejsa med digsa !<br>
</div>
</body>
</html>
Avatar billede munther Nybegynder
03. april 2002 - 08:57 #4
Hej Jakob!

Det virker ;-). Fedt!
Det ufede er, at det er mit første spørgsmål her på Eksperten.dk og jeg ikke ved hvordan jeg giver dig de 100 point.
Hilsen
Munther
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