[XHTML] Body height
Benjamin Muskalla
- html
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
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
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 :)
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. ;-)
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