Tabel-problemer i HTML og CSS (iFrames)
Hej alle.Jeg har et problem med mine tabeller, og jeg er - må jeg sige - totalt blank! Problemet tror jeg ligger i min midterste tabel. Når jeg sætter en Iframe ind i den, forsvinder den nederste tabel. Det skal siges, at det er meningen, at det er 3 separate tabeller, da jeg senere skal have lavet noget ved størrelsen på cellerne. Højde og bredde på min Iframe, er sat til 100px på hver led, men det er meningen, at den skal være 100% x 100%.
Er der nogen, der kan forklare mig, hvad der går galt, og hvad jeg kan gøre for at rette det? Koden kommer herunder (se venligst bort fra unødvendige css-elementer; dette er min testmodel)
----> Min HTML kode <----
<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="CSS/Main.css" type="text/css" />
</head>
<body>
<table class="bodycontainer">
<tr>
<td>
<table class="menu">
<tr class="over">
<td class="test">a1</td>
<td class="test">a2</td>
<td class="test">a3</td>
<td class="test">a4</td>
<td class="test">a5</td>
<td class="test">a6</td>
<td class="test">a7</td>
</tr>
</table>
<table class="indhold">
<tr>
<td class="test">
<iframe class="cont" frameborder="0" id="vindue" src="HTML/homedk.html" />
</td>
</tr>
</table>
<table class="menu">
<tr class="over">
<td class="test">c1</td>
<td class="test">c2</td>
<td class="test">c3</td>
<td class="test">c4</td>
<td class="test">c5</td>
<td class="test">c6</td>
<td class="test">c7</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
----> Min CSS kode <----
body {
background-color: #FFFFFF;
color: #A9A9A9;
border: none;
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 10px;
}
table.bodycontainer {
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
table-layout: fixed;
border: none;
margin: 0px;
padding: 0px;
}
div.container {
width: 960px;
height: 365px;
border: none;
}
iframe.cont {
width: 100px;
height: 100px;
border: none;
margin: 0px;
padding: 0px;
}
img.menubilledeudst {
position: absolute;
left: 0px;
top: 0px;
}
img.menubilledegall {
position: relative;
left: 310px;
top: 0px;
}
img.menubilledekasp {
position: relative;
left: 310px;
top: 0px;
}
table.indhold {
width: 750px;
height: 400px;
vertical-align: top;
border: solid black 1px;
}
table.menu {
width: 750px;
height: 13px;
border: solid red 1px;
}
tr.over {
height: 13px;
border: solid black 1px;
}
td.test {
border: solid black 1px;
}
- Jeg håber I kan hjjælpe mig.
Mvh.
/Mnc
