Avatar billede spiritusanta Nybegynder
13. april 2003 - 16:19 Der er 6 kommentarer og
1 løsning

Lås det ene span?

Jeg er ved at lave en hjemmeside, hvor jeg benytter 2 </span> bokse.

Spanboks1. Et billed, som gerne skal ligge fast på siden.

Spanboks2. En tabel, hvor der skal scrolles igennem.

Scrollbaren viser sig i siden, så jeg kan scrolle i tabellen, men desværre følger spanboks et med, er der mulighed for at jeg kan få spanboks1 til at have en fast position på siden?

-------------------------------------------
Lidt kildekode
-------------------------------------------
Først CSS filen
...........................................
Body {
background-color: white;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #c0c0c0;

}
.tabel  { position : absolute;
    color : white;
    background-color : black;
    top : 0px;
    left : 100px;
    z-index: 0;
    height : 65px;
    width : 500;
    text-align : center;
    padding : 1px;
}
.baggrund  { position : absolute;
    color : black;
    top : 0px;
    left : 0px;
    z-index: 1;
}
-------------------------------------------
Så htmlfilen
-------------------------------------------
<HTML>
<HEAD>
<LINK href="css_sider.css" media=all rel=stylesheet>
</HEAD>
<BODY topmargin=0 leftmargin=0 bgcolor=green>
<SPAN CLASS = "tabel">
en laaang tabel :P
</SPAN>
<SPAN CLASS = "baggrund"><IMG SRC="..\pics\midt.gif"></SPAN>
</BODY>
</HTML>
Avatar billede Slettet bruger
13. april 2003 - 17:11 #1
http://www.w3schools.com/css/pr_class_position.asp

.baggrund  { position : fixed;
    color : black;
    top : 0px;
    left : 0px;
    z-index: 1;
}
Avatar billede Slettet bruger
13. april 2003 - 17:19 #2
Næ, det virker sgu ikke så godt. Måske skal du over i noget JavaScript så:

<BODY topmargin=0 leftmargin=0 bgcolor=green onScroll="document.all.bg.style.left = document.body.scrollLeft; document.all.bg.style.top = document.body.scrollTop;">

Og giv så lige span'en en id:

<SPAN CLASS="baggrund" id="bg"><IMG SRC="..\pics\midt.gif"></SPAN>

Men det virker kun i IE!
Avatar billede spiritusanta Nybegynder
13. april 2003 - 21:07 #3
Tjaa det virker da... men er der ikke en mulighed for at man kan lave noget, der også fungere i netscape?
Avatar billede Slettet bruger
14. april 2003 - 09:39 #4
Jo, men det kommer til at belaste browseren meget.
Avatar billede spiritusanta Nybegynder
15. april 2003 - 03:30 #5
hehe det lyder slemt :P
Kan du ikke give mig den kode... så vil jeg i hvertfald lige teste :)

Mvh Spirit
Avatar billede Slettet bruger
15. april 2003 - 09:33 #6
<script>
function tjek() {
  document.getElementById("bg").style.left = window.pageXOffset;
  document.getElementById("bg").style.top = window.pageYOffset;
  setTimeout("tjek();", 100);
}
</script>

<body topmargin="0" leftmargin="0" bgcolor="green" onLoad="if (!document.all) tjek();" onScroll="document.all.bg.style.left = document.body.scrollLeft; document.all.bg.style.top = document.body.scrollTop;">

Så skulle det også gerne virke i NS6+ og Opera.
Avatar billede spiritusanta Nybegynder
15. april 2003 - 17:12 #7
Oki har ikke lige tid til at tjekke efter om det virker i NS nu... men det håber jeg :)

Tak for hjælpen
Mvh Spirit
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