Scroll i table

Btw. browsere der skal understøttes er IE og FireFox.

Okay, nu fandt jeg endelig et nogenlunde simpelt eksempel:

<div style=”margin: 0pt; overflow: auto; width: 480px; height: 300px”>
  <table><tr><td>a1</td><td>a2</td><td>a3</td></tr>
  <tr><td>b1</td><td>b2</td><td>b3</td></tr>
  <tr><td>c1</td><td>c2</td><td>c3</td></tr>
  …
</table>
</div>

Så er det vel bare at sætte det der ind i den tabel hvor min tekst burde stå i?

<div style="width:100%;height:100%;overflow:auto">
<table border="1" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="100%">
  <tr>
    <td width="100%">Scrollbar i Tabel<p>&nbsp;</p>
    <p>Scrollbar i Tabel</p>
    <p>&nbsp;</p>
    <p>Scrollbar i Tabel</p>
    <p>&nbsp;</p>
    <p>Scrollbar i Tabel</p>
    <p>&nbsp;</p>
    <p>Scrollbar i Tabel</p>
    <p>&nbsp;</p>
    <p>Scrollbar i Tabel</tr>
</table>
</div>


Dette burde virke

YESSIR!!! Der skal så selfølgelig ikke bruges 100% height, da den bare ville udvide selve div'en. Men altså en fast højde på div'en, så virker det!

Og husk at tage 20 px. af i breden på tabellen, da der skal være plads til scrollbaren i div'en.

Perfekt, nu mangler jeg bare at fjerne scrollbaren i bunden og finde ud af hvordan man ændrer farver på scrollbaren i højre side. Ved du også det?

Okay, okay... Det var netop det auto gjorde... Det fandt jeg så ud af nu. :P

scrollbar-3dlight-color:chartreuse;
scrollbar-arrow-color:aqua;
scrollbar-base-color:blue;
scrollbar-darkshadow-color:tomato;
scrollbar-face-color:hotpink;
scrollbar-highlight-color:teal;
scrollbar-shadow-color:palegreen

Og det var så et par farverige eksempler på scrollbarens farver :)

Jeg takker for hjælpen før. Bare smid et svar.

svar :)

Hvis du stadig er her, så har jeg et problem alligevel nu her. Jeg arbejdede lidt videre og kom tilbage til siden med tabellen på, men nu skaber den jeg rimelig meget. Højre side er bevidst for lille. Der mangler 20 px eller der onkring.
Det ser sådan ud:

<div style="width: 100%; height: 200px; overflow: auto;">
  <!--scrollbar-3dlight-color: Black;
  scrollbar-arrow-color: Black;
  scrollbar-base-color: #EEB24B;">-->
  <table cellspacing="1" width="455px;">
    <tr>
      <td width="100%">
      <asp:Label ID="lblText" runat="server" Font-Bold="false" />
      </td>
    </tr>
  </table>
</div>

Neeej... Regnede heller ikke med det... Nå. Jeg må undvære den, for den vil overhovedet ikke mere.

Sååådan der!
<div style="width: 455px; height: 200px; overflow: auto; scrollbar-3dlight-color: Black; scrollbar-arrow-color: Black; scrollbar-base-color: #EEB24B;">
                    <table cellspacing="1" width="435px;">
                    <tr>
                        <td width="100%">
                        <asp:Label ID="lblText" runat="server" Font-Bold="false" />
                        </td>
                    </tr>
                    </table>
                    </div>