Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 10:31 Der er 11 kommentarer og
1 løsning

Fixed table

Jeg har en tabel hvor jeg ønsker en effekt hvor den øverste række bliver stående når man scrooler. Hvordan kan jeg gøre det?

Jeg har prøvet

<table style="width:100%;table-layout:fixed;" border="0" cellpadding="0" cellspacing="0">

<tr height="71">
<td style="height:60px;width:200px; border:0px solid #333333;">
<img height="61" width="370">
</td>
<td style="height:60px;width:50px; border:0px solid #333333;">
<p align="right">
<input type="submit" class='lhnButton1' value="Luk Vindue" onclick="window.close()">
</td>
</tr>

<tr>
<td>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</td>
</tr>
</table>

Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 10:37 #1
er der en smartere måde at gøre det på ?
Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 10:45 #2
kan jeg "låse" den øverste tabel på skærmen og så bare lave en til nedenunder??
Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 11:05 #3
er der slet ingen som kan give mig en ide til hvad jeg skal gøre :-(
Avatar billede jakoba Nybegynder
08. juli 2002 - 11:07 #4
Du kan evt bruge et frameset med 2 rammer og så vis din toprække i den øverste.
Avatar billede jakoba Nybegynder
08. juli 2002 - 11:10 #5
Eller du kan lave et absolut positioneret lag, og så sørge for at laget ænsrer position når det scrolles så det altid ser ud til at stå samme sted i browservinduet.
Avatar billede zeptic Nybegynder
08. juli 2002 - 11:13 #6
kan det ikke fixes med noget css?
Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 11:17 #7
jeg har prøvet noget i denne her stil

position:absolute;top:300px;left:2px;text-align:center

men jeg kan stadig ikke få rækken til at blive stående øverst på siden :-(
Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 11:24 #8
jeg er ikke meget for at bruge frames :-)
Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 11:30 #9
det er åbenbart ikke noget man lige gør :-)
Avatar billede callesen Praktikant
08. juli 2002 - 11:34 #10
Mener du noget i stil med:

<BODY STYLE="overflow-y:hidden;overflow-x:hidden;">
<table style="height:100%;width:100%;table-layout:fixed;" border="0" cellpadding="0" cellspacing="0">

<tr height="71">
<td style="height:60px;width:200px; border:1px solid #333333;">
<img height="61" width="370">
</td>
<td style="height:60px;width:50px; border:0px solid #333333;">
<p align="right">
<input type="submit" class='lhnButton1' value="Luk Vindue" onclick="window.close()">
</td>
</tr>

<tr>
<td STYLE="height:100%;position:relative;"><div STYLE="overflow-y:auto;overflow-x:hidden;width: 100%;height:100%;">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
</td>
</tr>
</table>
</BODY>
Avatar billede mikmakmuk Nybegynder
08. juli 2002 - 11:52 #11
Af en eller anden grund kan jeg pludselig ikke bruge scroolhjulet på min mus, men ellers var det lige præcis det jeg ville opnå. Tak for hjælpen
Avatar billede mikmakmuk Nybegynder
10. april 2003 - 14:13 #12
rydder op og lukker
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