Layouttabelle soll immer am unteren Rand sein
ingo
- html
hi,
ich hab ein kleines probelm, ich mächte das auf einer seite die aus drei layuttaabellen besteht oben, mitte, unten, das die obere immer oben steht was kein probelm ist, aber die untere soll im am unteren rand kleben wenn man das fenster vergrößert oder verkleinert. wahrscheinlich für euch eine dumme und einfache frage, aber leider nicht für mich.
thx
Ingo
Lieber ingo,
mit Layout-Tabellen ist das halt so eine Sache... Ich kann Dir nur davon abraten. Meine Erfahrung mit CSS hat mir gezeigt, dass Du Dein Vorhaben mit CSS wesentlich sinnvoller umsetzen kannst.
Es ist einfach nicht mehr zeitgemäß und eigentlich noch nie sinnvoll gewesen, den Inhalt und sein Aussehen technisch mit derselben Technologie (hier HTML) zu realisieren. Seit über acht Jahren gibt es bereits CSS (auch wenn die Unterstützung durch die Browser noch keine acht Jahre zufriedenstellend gegeben ist), sodass man den Inhalt und seine Struktur technisch von seinem Aussehen, seiner Präsentation trennen kann. Also tue es und arbeite Dich in CSS ein! <http://de.selfhtml.org/css/index.htm@title=SELFHTML-Kapitel zu CSS>
Liebe Grüße aus Ellwangen,
Felix Riesterer.
Dies ist keine Antwort auf die Frage, nur ein Tip. Ich stellte aber eine Frage!
trotzdem Danke
Ingo
Lieber Ingo,
Dies ist keine Antwort auf die Frage, nur ein Tip. Ich stellte aber eine Frage!
da hast Du Recht. Ich denke auch noch immer, dass Deine Herangehensweise nicht besonders sinnvoll ist. Aber nun eine mögliche Lösung Deines Problems:
Deine drei Layout-Tabellen könntest Du doch in eine umhüllende große Tabelle setzen, in deren drei Zeilen Du jeweils Deine Layout-Tabellen steckst. Diese Tabelle kann dann eine height von 100% bekommen, die mittlere Tabelle (die den eigentlichen Inhalt enthält) bekommt auch eine feste Höhe. Damit die mittlere Tabelle aber nicht höher wird, solltest Du (und hier kenne ich keine andere Lösung, als mit CSS) ein overflow:auto definieren, damit automatisch Scrollbalken angezeigt werden, falls der Inhalt mehr Platz verbraucht, als zur Verfügung steht.
Ich hoffe, dass Dir das weiterhilft. Die genannten Layout-Anweisungen wie height und overflow könntest Du (auch wenn's mich schüttelt) mittels inline-Styles direkt in die Tabellen-Tags schreiben: <table style="width:100%;height:100%;margin:0;padding:0;border:none;">
usw.
Sinnvoller erscheint mir allerdings, CSS in einer externen Datei einzubinden. Das in meinem ersten Posting verlinkte CSS-Kapitel gibt Dir weitere Hinweise.
Liebe Grüße aus Ellwangen,
Felix Riesterer.