Darstellungsproblem bei Tabellen
Jester
- html
0 apstrakt
Merhaba!
Folgende Tabelle wird auf den gängigen Browsern korrekt
dargestellt:
<html>
<head>
<title>Zentrierte Tabelle</title>
<style type="text/css">
<!--
body {padding: 0px; overflow: hidden; margin: 0px; background-color: #000000; font-family: Tahoma;
font-size: 12px; color: #ffffcc}
table.outer {padding: 0px; margin: 0px; background-color: #99ccff; width: 100%; height: 100%}
table.inner {padding: 0px; margin: 0px; background-color: #336699; width: 400px; height: 300px; border: none}
-->
</style>
</head>
<body>
<table class="outer">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td align="center" style="width: 400px; height: 300px">
<table border="1" class="inner">
<tr>
<td align="center">Content...</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html>
Sobald ich aber den overflow auf 'auto' stelle, schneidet die
Gecko-Engine alles unterhalb des tatsächlichen Inhaltes ab.
Wie kann man den (überflüssigen) rechten Scrollbalken beim Explorer
regelkonform ausschalten?
Danke für Eure Hilfe
Ollie
Hallo,
Die overflow-Angabe macht doch nur Sinn, wenn man Breite und Höhe angibt. Und beim body-Element ist das sowieso sehr heikel.
Was befindet sich denn bitte unterhalb des "tatsächlichen Inhalts"?
Mach die äußere Tabelle mal kleiner als 100% des Fensters. Mit ein bißchen Glück verschwindet dann der Scrollbalken.
Tschau,
apstrakt