rest ruimte

Status
Niet open voor verdere reacties.
R

RobMan

Gebruiker
Lid geworden
3 okt 2007
Berichten
126
Hoi!

Er zijn bepaalde design (gebaseerd op tabellen) waarbij ik bijvoorbeeld het volgende probleem heb:

HTML: 
<table width="125px" height="100%">
  <tr>
    <td height="32px">x1</td>
  </tr>
  <tr>
    <td height="32px">x2</td>
  </tr>
  <tr>
    <td height="32px">x3</td>
  </tr>
  <tr>
    <td height="32px">x4</td>
  </tr>
  <tr>
    <td>rest ruimte</td>
  </tr>
</table>

Van elke cel staat de hoogte vast behalve van de laatste. Deze moet namelijk de rest van de ruimte opvullen zodat de cellen gewoon boven beginnen (als ik de onderste cel weg laat komen de cellen wel onder elkaar en in de goede hoogte maar zijn ze gewoon in het verticale midden van de tabel).
Kan de onderste cel een 'height'waarde krijgen waarbij deze de rest van de ruimte opneemt?
 
Height 100% is in feite niet goed.

Gebruik je een doctype, als
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

Hoogstwaarschijnlijk niet.

Een doctype is nodig als je met css werkt, hetgeen tegenwoordig gebruikelijk is voor de opmaak van een site.

Gooi je code of url eens in
http://validator.w3.org/

en ziet of je goedkeur krijgt.

:cool:
 
Hoi!

Ik weet waar je het over hebt met DOCTYPE en validatie en die gebruik ik ook zeker wel hoor.
Die height van 100% was alleen even voor het voorbeeld maar anders dit voorbeeld met height="500":

HTML: 
<table width="125px" height="500">
  <tr>
    <td height="32px">x1</td>
  </tr>
  <tr>
    <td height="32px">x2</td>
  </tr>
  <tr>
    <td height="32px">x3</td>
  </tr>
  <tr>
    <td height="32px">x4</td>
  </tr>
  <tr>
    <td>rest ruimte</td>
  </tr>
</table>
Maar even terug op het probleem. Is daar een oplossing voor?
 
Met dit doctype wel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Ook zonder doctype.


<table width="125" height="500" border="1">
<tr>
<td height="12">x1</td>
</tr>
<tr>
<td height="132">x2</td>
</tr>
<tr>
<td height="12">x3</td>
</tr>
<tr>
<td height="32">x4</td>
</tr>
<tr>
<td>rest ruimte</td>
</tr>
</table>

:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan