25. marts 2002 - 15:34Der 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.
<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>
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
Synes godt om
Ny brugerNybegynder
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.