Kann mir evtl jemand erklären, warum meine äußere Tabelle ihre Eigenschaften nicht an die unteren zwei Tabellen vererbt?
Ist denn bei Tabellen das Prinzip ein anderes?
Anbei mein Code.
Das Problem ist, dass mein Background (durch background-color ersichtlich) in "outer-table" unter dem kompletten Layout liegen soll und nicht wie derzeit vorher enden. Ich habe das Gefühl meine Tags werden falsch interpretiert^^ ...wobei doch eig meine "outer-table" erst ganz zum Schluss zu geht. Ich verstehe es nicht :(
ps: "ja" ich muss Tabellen benutzen. "ja klar" ich weiß das es >divs< gibt :)
Ist denn bei Tabellen das Prinzip ein anderes?
Anbei mein Code.
Das Problem ist, dass mein Background (durch background-color ersichtlich) in "outer-table" unter dem kompletten Layout liegen soll und nicht wie derzeit vorher enden. Ich habe das Gefühl meine Tags werden falsch interpretiert^^ ...wobei doch eig meine "outer-table" erst ganz zum Schluss zu geht. Ich verstehe es nicht :(
ps: "ja" ich muss Tabellen benutzen. "ja klar" ich weiß das es >divs< gibt :)
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Tabelle</title>
<style>
body {
width: 495px;
height: 772px;
margin: 0 auto;
}
#outer-table {
width: 100%;
height: 100%;
background-color: #2F4D3B;
background-image: url("background.png");
background-repeat: no-repeat;
border-collapse: collapse;
border: 1px solid orange;
}
.inner-table {
display: inline-table;
}
</style>
</head>
<body>
<table id="outer-table">
<tr>
<td>Ist das ihr Klassenfoto?</td>
</tr>
<tr>
<table class="inner-table">
<tr>
<td>Bild1</td>
<td>Bild2</td>
</tr>
<tr>
<td>Bild3</td>
<td>Bild4</td>
</tr>
</table>
</tr>
<tr>
<table class="inner-table">
<tr>
<td>Pfeil</td>
<td>Button</td>
</tr>
<tr>
<td></td>
<td>Logo</td>
</tr>
</table>
</tr>
</table>
</body>
</html>