Avatar billede jenslund Juniormester
29. oktober 2002 - 09:59 Der er 3 kommentarer og
1 løsning

Image - position absolute

Hej

Jeg har klippe klistret mig frem til følgende løsning, der skal bevirke at et image (med transperent baggrund)skal ligge som øverste lag på en side, sådan lidt hen over det hele:

siden index.html:

<HTML>

bla bla

<SCRIPT LANGUAGE="JavaScript1.2" SRC="js/scrb.js"></SCRIPT>

<IMG SRC="img/kompas.gif" class="compas">

</BODY>

</HTML>

og i scrb.js:

document.write("<DIV id=newsClipping style=\"CLIP: rect(0px 550px 612px 0px); HEIGHT: 612px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 270px; Z-INDEX: 2\">");

document.write("<DIV id=news style=\"LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 270px; Z-INDEX: 1\">");

og det ser jo alt i alt lidt fjollet ud når man bruger en anden skærmstørrelse end 1024, eller hvis man bruger en mac der ikke åbner browservinduet så det fylder hele skærmen

Jeg er ikke så skrap til javascript - men har set koden position relative - kan den hjælpe mig, eller er der et andet forslag til hvordan jeg løser det

Jens
Avatar billede jeden Nybegynder
11. november 2002 - 12:36 #1
Et hurtigt forslag...
Du kan bruge en funktion til at styre bredden på dit <DIV id=newsClipping ...>

function ch_content() {

newsClipping.style.width = parseInt(document.body.clientWidth);
newsClipping.style.height = parseInt(document.body.clientHeight) - 68;
newsClipping.style.top = 68;
newsClipping.style.left = 0;

}

Funktionen skal stå i din header, og kan kaldes fra eksempelvis dit <body>-tag med en OnLoad() / onResize() -event...
Avatar billede jenslund Juniormester
09. marts 2004 - 14:54 #2
Hej jeden

Jeg vendte aldrig tilbage til denne, hvilket jeg beklager. Jeg har derfor heller ikke forsøgt din løsning på problemet og jeg kan ikke længere huske i hvilken sammenhæng jeg spurgte.

Hvis det er ok med dig vil jeg lukke spørgsmålet?

vh
Jens
Avatar billede jeden Nybegynder
09. marts 2004 - 14:56 #3
Det er helt fint
Avatar billede jenslund Juniormester
09. marts 2004 - 15:01 #4
Spørgsmålet lukket
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