Har ärvt en tabelldesign i html, och det är inte aktuellt att ordna upp den till en ordentlig i nuläget. TestaTabellayout gör rad så liten som möjligt
Problemet är att den har en klassisk "left-frame" variant, i stil med
<code>
-------
| | |
| | |
| |---|
| | |
| | |
-------
</code>
Implementerat mha:
<table>
<tr>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
Vad som nu händer är att om leftframen växer, så blir toprightframen större än innehållet, och sålunda blir det ett mellanrum mellan topright och bottomright-framearna.
Finns det något sätt att få den första raden att bli precis så stor som den behöver vara och den understa att få allt som blir över?
Kan tyvärr inte ge någon länk, men det här visar rätt tydligt:
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<style type="text/css">
td{
border: 1px solid black;
vertical-align: top;
}
</style>
</head>
<body>
<table>
<tr>
<td rowspan="2">
a<br/>
a<br/>
a<br/>
a<br/>
</td>
<td>
b
</td>
</tr>
<tr>
<td>
c
</td>
</tr>
</table>
</body>
</html>
Jag vill nu att c ska vara precis under b, utan mellanrum. Idéer? Någon som kommer ihåg hur man gjorde med tabeller?
Sv: Tabellayout gör rad så liten som möjligt
<code>
<table>
<tr>
<td rowspan="2"></td>
<td stye="height: 200px;"></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</code>
eller
<code>
<table>
<tr>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td style="height: 100%;"></td>
</tr>
</table>
</code>
Eller en kombination av båda.
Height 100% fungerar lite bättre i tabeller än på divar. Istället för att göra den onödigt stor så blir den helt enkelt så stor den kan.
Du vill antagligen också ha vertial-align: top; men det har du säkert redan någonstans.