✔ tabelle posi unten !

Status
Nicht offen für weitere Antworten.
G

GrObY

Mitglied
ich habe eine ganze seite mit tabellen ausgestattet nun würde ich gerne eine fußzeile einfügen auch wenn der inhalt nicht bis zum ende der seite reciht soll diese am ende der seite sein ausserdem soll sie ganz unten sein auch wenn die seite grösser ist also nicht das man dann die fußzeile schon sieht erst wenn man den inhalt runter scrollt soll man die fußzeile am ende sehen ohne zischenraum zwischen füßzeile
und ende der seite!
sry für den unübersichtlichen txt aber meine augen fallen zu.
danke für jeden beitrag
gn8
 
Also ich wüsste da jetzt absolut keine Lösung, die dies ermöglicht! Wenn du mit Prozent-Werten bei den Tabellen arbeitest könnte es irgendwie gehen, aber auch nicht mehr 100%ig, wenn der Inhalt größer ist als die Seite. Wenn würde es wahrscheinlich nur mit Hardcore-JavaScript-Kenntnissen gehen - ich gehöre aber nicht zu den Leuten, die das von sich sagen können! Ich würde die Zeile einfach am Ende des Imhales setzen. Auch wenn dieser kleiner ist als die Seite! Mit so ner KLeinigkeite würde ich micht nicht lange aufhalten ;)
 
Einfach unten noch ein <td> machen, welches bis zum Schussreicht und dann valign="bottom".

poste einfach mal dein quelltext.. dann passt das schon
 
so

Code: 
<html>
<head>
</head>
<body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 rightmargin=0 marginheight=0 style="background-image:url(img/bg.gif); background-repeat:repeat-y; background-position:25px;">
<table width=750 cellpadding=0 cellspacing=0>
 <tr>
  <td cellpedding=0 cellspacing=0 align=top style="padding-left:25px"><img src="img/head.jpg" width=750 height=22></td>
 </tr>
 <tr>
  <td cellpedding=0 cellspacing=0 align=right style="padding-left:25px"><img src="img/head2.jpg"></td>
 </tr>
 <tr>
  <td cellpedding=0 cellspacing=0 align=right style="padding-left:25px"><img src="img/menu.jpg"></td>
 </tr>
 <tr>
  <td cellpedding=0 cellspacing=0 align=right style="padding-left:25px"><img src="img/umenu.jpg"></td>
 </tr>
</table>
--ab hier soll es ganz unten sein--
<table width=750 cellpadding=0 cellspacing=0 style="padding-bottom:0px">
 <tr>
  <td cellpedding=0 cellspacing=0 align=right valign="bottom" style="padding-left:25px"><img src="img/u2menu.jpg"></td>
 </tr>
</table>
</body>
</html>
 
Hi Gr0by,

wie wärs, wenn du der ersten Tabelle einfach height="100%" gibst?
Dann alle Content-Zellen auch mit absoluten height-Angaben festpinnen und als letzte Zeile in der Content-Tabelle eine "Ausgleichszelle" OHNE height-Angabe. Diese wirkt dann als automatischer Ausgleich für die 100% der gesamten Content-Tabelle.

Darunter dann deine Fußzeile.

PHP: 
<html>
<head>
</head>
<body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 rightmargin=0 marginheight=0 style="background-image:url(img/bg.gif); background-repeat:repeat-y; background-position:25px;">
<table width=750 height="100%" cellpadding=0 cellspacing=0>
 <tr>
  <td cellpedding=0 cellspacing=0 align=top style="padding-left:25px" height="22"><img src="img/head.jpg" width=750 height=22></td>
 </tr>
 <tr>
  <td height="50" align=right style="padding-left:25px" cellpedding=0 cellspacing=0>blabla</td>
 </tr>
 <tr>
  <td height="50" align=right style="padding-left:25px" cellpedding=0 cellspacing=0>blabla</td>
 </tr>
 <tr>
  <td height="50" align=right style="padding-left:25px" cellpedding=0 cellspacing=0>blabla</td>
 </tr>
 <tr>
  <td align=right style="padding-left:25px" cellpedding=0 cellspacing=0>Ausgleichszeile OHNE Inhalt!</td>
 </tr>
</table>
--ab hier soll es ganz unten sein--
<table width=750 cellpadding=0 cellspacing=0 style="padding-bottom:0px">
 <tr>
  <td cellpedding=0 cellspacing=0 align=right valign="bottom" style="padding-left:25px">blabla Fusszeile</td>
 </tr>
</table>
</body>
</html>

Gruß
lightbox
 
So in der Art hatte ich mir das vorher auch gedacht, doch was passiert, wenn die Länge des Contents nicht immer bekannt ist und somit der Inhalt schon größer ist als die ganze Seite?

Hm, ok, dann dürfte die Tabelle, welche sonst die restliche Höhe nimmt ja ganz verschwinden? off niet?
 
juhu

habe es jetzt so gelöst mit hilfe deines tipps lightbox
Code: 
<html>
<head>
</head>
<body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 rightmargin=0 marginheight=0 style="background-image:url(img/bg.gif); background-repeat:repeat-y; background-position:25px;">
<table width=750 height="100%" cellpadding=0 cellspacing=0 border="0">
 <tr>
  <td border="0" cellpedding=0 cellspacing=0 align=top style="padding-left:25px" height="22"><img src="img/head.jpg" width=750 height=22></td>
 </tr>
 <tr>
  <td border="0" height="38" align=right style="padding-left:25px" cellpedding=0 cellspacing=0><img src="img/head2.jpg"></td>
 </tr>
 <tr>
  <td border="0" height="116" align=right style="padding-left:25px" cellpedding=0 cellspacing=0><img src="img/menu.jpg"></td>
 </tr>
 <tr>
  <td border="0" height="139" align=right style="padding-left:25px" cellpedding=0 cellspacing=0><img src="img/umenu.jpg"></td>
 </tr>
 <tr>
  <td border="0" align=right style="padding-left:25px" cellpedding=0 cellspacing=0></td>
 </tr>
</table>

<table width=775 cellpadding=0 cellspacing=0  border="0">
 <tr>
  <td border="0" cellpedding=0 cellspacing=0 align=right style="padding-left:25px"><img src="img/u2menu.jpg"></td>
 </tr>
 <tr>
  <td border="0" cellpedding=0 cellspacing=0 align=right style="padding-left:25px"><img src="img/foot.jpg"></td>
 </tr>
</table>
</body>
</html>
bloss bei dem was ich da zusammen gewürfelt habe klappt es nur im IE nicht im opera?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück