Beiträge: 2.769
Themen: 28
Registriert seit: 18.03.2006
Ich würde dir mal empfehlen, nicht mit einer Tabelle, sondern nur noch mit divs zu arbeiten, dann ist es leichter. Jedenfalls wird das in allen Browsern falsch angezeigt, weil du einer Spalte 100% Höhe gegeben hast und die anderen aber auch noch eine Höhe haben müssen.
Theoretisch kannst du ungefähr sowas machen:
Code:
<div style="height: 100%; width: 100%;"><div>Inhalt...</div></div>
Das ganze müsste auch mit einer Tabelle gehen, da bin ich aber nicht ganz sicher.
Wenn du möchtest kann ich dir auch einen genauen Code geben.
Beiträge: 762
Themen: 23
Registriert seit: 18.03.2006
MyBB-Version: 1.2.2
Mak schrieb:Ich würde dir mal empfehlen, nicht mit einer Tabelle, sondern nur noch mit divs zu arbeiten, dann ist es leichter.
Das hab ich schon ohne Erfolg versucht...
Mak schrieb:Jedenfalls wird das in allen Browsern falsch angezeigt, weil du einer Spalte 100% Höhe gegeben hast und die anderen aber auch noch eine Höhe haben müssen.
100% Höhe vom Elternelement (in diesem Fall td, bzw. tr), jedenfalls dachte ich das.
Ich dachte das funktioniert so (beim IE tut es das auch):
1. Zeile: Höhe 120
2. Zeile: Keine feste Höhe, sondern 100% der Resthöhe
3. Zeile: Höhe 50
Mak schrieb:Wenn du möchtest kann ich dir auch einen genauen Code geben.
Danke, das wäre klasse.
Eine Homepage ist nie fertig, man hört nur auf an ihr zu arbeiten - Unbekannter Verfasser
Beiträge: 2.769
Themen: 28
Registriert seit: 18.03.2006
Nein, 100% heißt 100% und nicht der Rest
. Ich werd dir den Code mal zurechschnibbeln, guck im Laufe des morgigen Tages nochmal rein.
Beiträge: 2.769
Themen: 28
Registriert seit: 18.03.2006
Also, da ich nicht genau weiß, was du brauchst, einach mal ein funktionierender Beispielcode mit vielen verschiedenen Möglichkeiten. Ansonsten, wenn fragen sind, frag einfach.
Code:
<html>
<head></head>
<body style="margin: 0; padding: 0;">
<div id="container" style="width: 100%; height: 100%; background: yellow; padding: 0; margin: 0;">
<div style="float: left; background: green; width: 20%; height: 200px;"><p>Links</p></div>
<div style="float: right; background: blue; width: 20%; height: 200px;"><p>Rechts</p></div>
<table style="width: 100px;"><tr><td style="background: red; width: 100%;">Tabelle</td></tr></table>
<div style="clear: both; width: 100px; height: 100px;overflow: auto; position: absolute; top: 50%; left: 50%;"><p>GanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielTextGanzVielText</p>
</div>
</body>
</html>
