Tabelhoogte over 100% van venster

Status
Niet open voor verdere reacties.
vpw

vpw

Gebruiker
Lid geworden
24 okt 2001
Berichten
426
Hallo,

Ik heb de volgende html-code:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>sjabloon</title>
</head>
<body>
<table style="width: 100%; height: 100%;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="width: 15%;"><br>
</td>
<td><br>
</td>
</tr>
<tr>
<td><br>
</td>
<td><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Toch krijg ik de tabel niet over 100% van het venster. De breedte van de kolom lukt wel. Wat gaat hier mis?
 
Hoi vpw,

In het algemeen staat vormgeving in een apart stylesheet bestand. Vrijwel alle <table> attributen worden in de html niet meer ondersteund, maar wel in de stylesheet. Je hebt 2 bestanden nodig, het html bestand...
Code: 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>sjabloon</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table>
  <tbody>
    <tr>
      <td class="breed15">Cel 1<br>tekst</td>
      <td>Cel 2<br>tekst</td>
    </tr>
    <tr>
      <td class="breed15">Cel 3<br>tekst</td>
      <td>Cel 4<br>tekst</td>
    </tr>
  </tbody>
</table>
</body>
</html>
...en het stylesheet bestand met de naam: style.css
Code: 
html, body, body * {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%; /* ruimte voor tabel */
}
table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid black;
}
td {
    margin: 0; /* (cellspacing) */
    padding: 4px; /* (cellpadding) */
    border: 1px solid black; /* (border) */
    vertical-align: top;
}
.breed15 {
    width: 15%;
}
Suc6. Have fun.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan