Höhe

[wodim]

Hallo,

ganz ekliges Problem bei meiner Startseite

[url=http://www.melina.xwsnet.de]Melina[/url]

Ich habe die Gesamthöhe mit 100% festgelegt (soll das ganze Browserfenster ausfüllen). Nur die eine innere Tabelle ("Hauptbereich") macht da nicht mit:

• Höhe 100% bewirkt, dass sie nicht größer wird als ihr Inhalt
• Keine Höhe angeben: Da schrumpft sie total zusammen
• Höhe 553 Pixel ist halt genau der Inhalt - bei Bildschirmen, deren Breiten/Höhenverhältnis größer ist, sieht das "verboten" aus.

Hier der "verkürzte" Code:

[Code]<!-- Äußere Tabelle -->
<table border="0" cellspacing="0" cellpadding="0" height="100%" width="100%"><tr>

<td class="shadow_l" width="16"></td> <!-- Linker Rand (Schatten) -->
    <td> <!-- Hauptspalte -->

<!-- Beginn Kopf -->

<!-- Plastischer Rand oben -->

<!-- Datum / Uhrzeit / Logo -->

<!-- Plastischer Rand unten -->

<!-- Navigationsleiste -->

<!-- Ende Kopf -->

<!-- Plastischer Rand oben -->

<!-- Hauptbereich -->
        <table border="0" bgcolor="#00497B" cellspacing="0" cellpadding="0" height="553" width="100%"><tr>

</tr></table>

<!-- Plastischer Rand unten -->

<!-- Fuß -->

</td> <!-- Ende Hauptspalte -->

<td class="shadow_l" width="16"></td> <!-- Rechter Rand (Schatten) -->

</tr></table> <!-- Ende äußere Tabelle -->[/code]

[LX]

Tabellenlayout und CSS mischen sich halt nicht so gut. Erstens empfehle ich Dir, auf ein semantisches Markup umzusteigen. Danach solltest Du festlegen, wie viel Platz Du für welche Elemente nutzen willst. 100% Höhe ist übrigens immer eine schlechte Idee, da Du nicht voraussagen kannst, wie viel das in px sein wird. Was ist bspw. mit Netbooks oder HTML-fähigen Handys?

Gruß, LX