Søg
Avatar billede stue11 Nybegynder
21. december 2002 - 09:55 Der er 9 kommentarer og
1 løsning

Scrollbar i Table

Hejsa

Jeg vil gerne have lavet en Table med scroolbar
Kan i give mig koden på et eksempel får i pointene, men i skal selvfølgelig ikke give mig en URL, Men koden.
Avatar billede sthen Nybegynder
21. december 2002 - 09:58 #1
Her er en af hver, så kan du se forskellen

<HTML>
<HEAD>

    <TITLE>overflow</TITLE>

<STYLE type="text/css">
.overflowHidden{
    height: 193px;
    overflow : hidden;
    position:relative;
}
.overflowScroll {
    width: 100%;
    height: 193px;
    overflow-y : auto;
  overflow-x : hidden;
  background-color: yellow;
  color: black;
}
</STYLE>
</HEAD>
<BODY>
<TABLE>
<TR><TD HEIGHT="100%" WIDTH="100%">
<table width="100%" height="193px" BORDER="1">
          <tr>
            <td width="34%">&nbsp;</td>
            <td width="59%" align="left" valign="top" HEIGHT="193px"><DIV CLASS="overflowHidden">ok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok ok bøsser og kugler, heste og køer osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv osv</DIV></td>
            <td width="7%">&nbsp;</td>
          </tr>
        </table>
<table width="100%" height="193px" BORDER="1">
          <tr>
            <td width="34%">&nbsp;</td>
            <td width="59%" align="left" valign="top" HEIGHT="193px"><div  CLASS="overflowScroll"> ok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok okok ok ok ok ok ok</DIV></td>
            <td width="7%">&nbsp;</td>
          </tr>
        </table>
</td></tr>
</table>

</BODY>
</HTML>
Avatar billede cdc Novice
21. december 2002 - 09:59 #2
<html>

<head>

<title></title>

</head>

<body>


<table border="1" cellspacing="0" cellpadding="0" height="200">
<tr>
<td width="300">&nbsp;</td>
<td width="300">
<div style="width:100%; height:190px; overflow:auto">
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
</div></td>
<td width="300">&nbsp;</td>
</tr>
</table>
</body>

</html>
Avatar billede n!nja Nybegynder
21. december 2002 - 10:01 #3
<table width="100%" height="100%">
<tr>
        <td>
        <div style="width: 100px; height: 100px; overflow: auto; border: 1px solid black;">
        blablabla - blablabla - blablabla - blablabla - blablabla - blablabla - blablabla - blablabla -
        blablabla - blablabla - blablabla - blablabla - blablabla - blablabla - blablabla - blablabla -
        </div>
        </td>
</tr>
</table>
Avatar billede stue11 Nybegynder
21. december 2002 - 11:41 #4
Til: sthen forkert, du skulle have lavet en box som table ligesom /cdc lavede.
Til: N!nja Du lavede fuldstændig udenfor emnet.
Avatar billede cdc Novice
21. december 2002 - 11:47 #5
takker :o)
Avatar billede n!nja Nybegynder
21. december 2002 - 11:55 #6
hmmm - helt udenfor emnet??? Jeg kan da ikke se den store forskel på mit og /cdc's svar...
Avatar billede sthen Nybegynder
21. december 2002 - 12:32 #7
det gjorde jeg f..... også
den hvide box uden scroll
den gule box med scroll
gav dig bare det hel så du ku' se forskel.
Avatar billede stue11 Nybegynder
21. december 2002 - 21:59 #8
n!nja der er ingen scroolbar i din.
Avatar billede n!nja Nybegynder
22. december 2002 - 09:09 #9
Hvilken browser kører du?? Det virker fint hos mig... kan I andre heller ikke se scrollbaren?
Avatar billede cdc Novice
22. december 2002 - 11:41 #10
n!nja-->jeg har scrollbar og det hele kører IE 6.0
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »