Avatar billede jes-eu Nybegynder
15. marts 2005 - 15:14 Der er 12 kommentarer og
1 løsning

Scrollbar 100% i tabel.

Hvordan kan få denne her til at fylde hele tabellen:

<div style="overflow:auto;width:100%;height:400">

Jeg har prøvet med:

<div style="overflow:auto;width:100%;height:100%">

Men uden held, hvad kan jeg gøre? kan man evt. forespørge cellens højde med javascript og få værdien indskrevet?
Avatar billede skyggen2000 Nybegynder
15. marts 2005 - 15:24 #1
har du placeret div'en inde i en TD?

Du må gerne skrive lidt mere kode, så er det nemmere at sætte sig ind i.
Avatar billede jes-eu Nybegynder
15. marts 2005 - 15:28 #2
<table cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td height="74">&nbsp;</td>
                </tr>
              <tr>
                  <td class="main">
                    <div style="overflow:auto;width:100%;height:400">
                        Text                </td>
                    </div>
            </tr>
        </table>
Avatar billede jes-eu Nybegynder
15. marts 2005 - 15:28 #3
Undskyld sådan her:

<table cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td height="74">&nbsp;</td>
                </tr>
              <tr>
                  <td class="main">
                    <div style="overflow:auto;width:100%;height:400">
                        Text                  </div> </td>
               
            </tr>
        </table>
Avatar billede skyggen2000 Nybegynder
15. marts 2005 - 15:34 #4
Du skal sætte størrelse på tabellen, for at de elementerne i den kan lave fx width="100%"

<table cellpadding="0" cellspacing="0" border="0" height="200px" width="200px">
              <tr>
                <td height="74">&nbsp; hejsa</td>
              </tr>
              <tr>
                  <td class="main">
                    <div style="overflow:auto;width:100%;height:100%">Text kjhasdfkljhasfkljh jklhasdgfkljh kjhasejkrhse jkhsdfkj kjh jh jgh </div>
                  </td>
            </tr>
</table>
Avatar billede jes-eu Nybegynder
15. marts 2005 - 15:42 #5
Jeg kender ikke den faste størrelse da det vil varriere alt efter hvor stor brugerens skærmopløsning er.
Avatar billede skyggen2000 Nybegynder
15. marts 2005 - 15:47 #6
Det var også bare et eksempel. Nu er det 50% af skærmen hvis ikke der er nogle felter udenom tabellen, der kan begrænse den.

<table cellpadding="0" cellspacing="0" border="0" height="50%" width="50%">
              <tr>
                <td height="74">&nbsp; hejsa</td>
              </tr>
              <tr>
                  <td class="main">
                    <div style="overflow:auto;width:100%;height:100%">Text kjhasdfkljhasfkljh jklhasdgfkljh kjhasejkrhse jkhsdfkj kjh jh jgh </div>
                  </td>
            </tr>
</table>
Avatar billede jes-eu Nybegynder
15. marts 2005 - 16:04 #7
Kan det ikke lade sig gøre med 100%?
Avatar billede skyggen2000 Nybegynder
15. marts 2005 - 16:07 #8
Naturligvis, dette er også et eksempel, det er dig der bestemmer! Byt du blot 50% ud med 100% eller med 20% hvis du har lyst til det:)
Avatar billede olebole Juniormester
15. marts 2005 - 16:41 #9
<ole>

Der findes ikke en height-attribut på et tabel-element i HTML ... og det har der aldrig gjort. En højde skal altid sættes med CSS.

Dernæst er det tvingende nødvendigt, at det omkransende element explicit har fået sat en højde - hvis man vil sætte en højde på et element i procent.

Dette kan med andre ord ikke virke:
  <td>
        <div style="height:100%">En tekst</a>
  </td>

- men det kan dette derimod:
  <td style="height:200px">
        <div style="height:100%">En tekst</a>
  </td>

/mvh
</bole>
Avatar billede skyggen2000 Nybegynder
15. marts 2005 - 16:51 #10
Ole> Det har du jo fuldstændig ret i.
Avatar billede olebole Juniormester
15. marts 2005 - 17:26 #11
Det med højden er en klassiker. Når man har lavet fejlen tilstrækkeligt mange gange og undret sig over resultatet, husker man det. Det er i hvert fald min egen erfaring  ;D
I virkeligheden er det ikke rigtigt, når jeg skriver, at første eksempel ikke fungerer. Det fungerer helt fint - og præcis som det skal - men nok ikke som koderen havde tænkt sig  ;o)
Avatar billede jes-eu Nybegynder
15. marts 2005 - 22:51 #12
Hvad så lige med denne her:

  <td style="height:100%">
        <div style="height:100%">En tekst</a>
  </td>

Kan det lade sig gøre?
Avatar billede olebole Juniormester
16. marts 2005 - 02:37 #13
Ja, hvis tabellen har fået sat en højde. Ellers er der jo ikke noget at beregne højden af ... 100% af hvad?  :)
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