[HTML/CSS] scrollen in een table cell - Softwareontwikkeling

donderdag 4 augustus 2005 15:01

Acties:

Verwijderd

Topicstarter

ik heb een tabel, en ik wil dat de content in 1 cell gaat scrollen als het te groot wordt.
ik heb er een div ingezet met overflow: auto en height/width op 100% maar dit werkt niet.

Mozilla laat de horizontale scrollbalk zien, maar rekt de tabel in de hoogte op
IE laat de verticale scrollbalk zien, maar rekt de tabel in de breedte op

hoe kan ik beide scrollbars krijgen in beide browsers?

pagina:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
  <HEAD> <TITLE></TITLE> 
</HEAD>
  <BODY>
    <DIV style="height: 40%; width: 70%;">
       <TABLE style="width:100%;height:100%" border=1>
          <TBODY>
            <TR style="height:21px"><TD>....</TD></TR>
            <TR>
              <TD valign="top">
                <DIV style="border:1px solid #a0a0a0; height: 100%; width:100%; overflow:auto;">
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <input type="text" size=200 value="this is way too long">
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </DIV>
             </TD>
           </TR>
         </TBODY>
     </TABLE>
   </div>
  </BODY>
</HTML>

donderdag 4 augustus 2005 15:04

Acties:

BtM909

Watch out Guys...

Als je perse een tabel wilt gebruiken, de height en width (al dan niet via css) specificeren voor je TD

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 4 augustus 2005 15:05

Acties:

Verwijderd

ik denk dat je je eerst maar eens wat meer moet verdiepen in html, alvorens met dergelijke css zaken te bemoeien

Er lopen wat dat betreft op dit moment een aantal interessante topics:
[rml][ HTML] Tabellen[/rml]
[rml][ CSS] Correcte schrijfwijze[/rml]
[rml][ CSS] Recordset formatten[/rml]

donderdag 4 augustus 2005 15:07

Acties:

Willem

Met hem ^

Probeer wat meer moeite te doen zelf dingen uit te zoeken.

Motor onderhoud bijhouden