Benjamin Muskalla: [XHTML] Body height

Huhu junx...

hab hier ma wieder n Prob

Also es geht um folgende Tabelle:

------------------------------
| top nav                    |
------------------------------
| top                        |
------------------------------
|                            |
| content                    |
|                            |
|                            |
------------------------------
| bottom nav                 |
------------------------------

top nav, top und bottom nav sollen eine feste Höhe haben...
nur content soll variabel zur Fenstergröße sein...

In meinem alten HTML 4.01 Design hat des suppe geklappt per height="x"...nur da dies in XHTML nichtmehr erlaubt ist will er nichmehr so wie ich will...

dies ist meine aktuelle tabelle:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

<body style="height: 100%">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td style="height: 1px; width: 100%">top nav</td>
</tr>
<tr>
<td style="height: 1px; width: 100%">top</td>
</tr>
<tr>
<td style="height: 1px; width: 100%">navigation</td>
</tr>
<tr>
<td style="height: 100%; width: 100%; vertical-align: top;">content</td>
</tr>
<tr>
<td width="100%">bottom nav</td>
</tr>
</table>

</body>

</html>

Jemand ne Idee wie das klappen könnte ?
Geht atm um die Kompatibilität mit dem IE6 weil dieser der Hauptbrowser der Besucher ist...

Danke für konstruktive Antworten...

Mit freundlichen Grüßen,
Benjamin Muskalla

  1. Hallo Benjamin,

    Jemand ne Idee wie das klappen könnte ?

    <style type="text/css">
    html, body { height: 100%; }
    </style>

    Dann wird auch das style-Attribut im <body>-Tag nicht mehr gebraucht. Im <html>-Tag sind keine style-Attribute erlaubt, daher muss auf ein Zentralformat zurückgegriffen werden.

    Viele Grüße,
    Christian

    1. hi !

      also wenn ich height per CSS angeb ist die Seite etwas zu groß, wenn ich height als Attribut angebe ist sie etwas zu klein

      und html { height: 100%; } bewirkt irgendwie garnichts :)

      1. Hallo Benjamin,

        also wenn ich height per CSS angeb ist die Seite etwas zu groß, wenn ich
        height als Attribut angebe ist sie etwas zu klein

        Ich könnte mir vorstellen, wenn Du etwas mit den CSS-Eigenschaften margin
        und padding des bodys etwas rumexperimentierst (0px z.B), könntest Du
        Erfolg haben.

        und html { height: 100%; } bewirkt irgendwie garnichts :)

        Du siehst es nur nicht. ;-)

        • Tim
        --
        Ich kenne Leute, die in der Mensa Splitterschutzwesten
        fürs Paintballspielen austauschen.
        1. huhu nochma :)

          hab euch mal ne vereinfachte version der page hier reingestellt..

          also bei mir (IE 6) muss ich nach unten scrollen um alles zu sehen..

          vielleicht hab ihr ja ne idee wie das passen könnde..

          Link: http://www.aphex-designs.de/htest.php

          Mit freundlichen Grüßen,
          Benjamin Muskalla