nicht angemeldet
Ganzseiten-Tabelle ich kriegs nicht hin.....
hi zusammen,
ich möchte eine tabelle, welche den gesamten anzeigebereich abdeckt, basteln.
den html udn body-style auf 100% height ist kein problem, auch die erste tabelle der schachtel über den style auf 100%height geht super...
ich möchte einen tr/td oben mit logo (80px höhe), gefolgt von einem weiteren tr/td mit 20px höhe für menu, gefolgt von dem nächsten tr/td mit dem eigentlichen inhalt -> und genau dieser soll je nach fenstergröße mit gehen auch wenn der inhalt nicht ausreicht um diesen tr/td abzudecken.
unten kommt dann noch ein tr/td mit 20px höhe -> dieser sollte halt auch immer unten sein. die seite gesamt soll aber bei viel inhalt, auch scrollbar sein....
so siehts bis jetzt aus:
(body und html sind per css auf height 100%)
<table style="border-style:solid;border-color:#FFFFFF;border-width:1px;background-color:#FFFFFF;height:100%;width:100%;">
<TR>
<TD style="height:90%;" valign="top">
<table style="width:100%;height:100%;" border="0" cellpadding="0" style="cellspacing:2px;">
<tr>
<td style="background-color:rgb(162,166,210);width:100%;height:80px;" valign="top">
<img src="gifs/lo1.gif" width="240" height="66" border="0" alt=""></td>
</tr>
<TR>
<td style="background-color:rgb(130,134,179);width:100%;height:20px;" valign="middle">
</TD>
</tr>
<TR>
<td style="background-color:rgb(90,94,142);width:100%;" height="*">
<table>
<tr>
<td style="height:100%;"></td>
</tr>
</table>
</td>
</tr>
<TR>
<td style="background-color:rgb(130,134,179);width:100%;height:20px;" valign="bottom">
</TD>
</tr>
</table>
</td>
</tr>
</table>
ist das überhaupt möglich, bzw. in weitestgehend allen browsern anzeigbar ?
also mein beispiel funktioniert so nicht...
hoffe auf hilfe...
iceX
-
hi zusammen,
ich möchte eine tabelle, welche den gesamten anzeigebereich abdeckt, basteln.
den html udn body-style auf 100% height ist kein problem, auch die erste tabelle der schachtel über den style auf 100%height geht super...
ich möchte einen tr/td oben mit logo (80px höhe), gefolgt von einem weiteren tr/td mit 20px höhe für menu, gefolgt von dem nächsten tr/td mit dem eigentlichen inhalt -> und genau dieser soll je nach fenstergröße mit gehen auch wenn der inhalt nicht ausreicht um diesen tr/td abzudecken.
unten kommt dann noch ein tr/td mit 20px höhe -> dieser sollte halt auch immer unten sein. die seite gesamt soll aber bei viel inhalt, auch scrollbar sein....so siehts bis jetzt aus:
(body und html sind per css auf height 100%)
<table style="border-style:solid;border-color:#FFFFFF;border-width:1px;background-color:#FFFFFF;height:100%;width:100%;">
<TR>
<TD style="height:90%;" valign="top">
<table style="width:100%;height:100%;" border="0" cellpadding="0" style="cellspacing:2px;"><tr>
<td style="background-color:rgb(162,166,210);width:100%;height:80px;" valign="top">
<img src="gifs/lo1.gif" width="240" height="66" border="0" alt=""></td>
</tr>
<TR>
<td style="background-color:rgb(130,134,179);width:100%;height:20px;" valign="middle">
</TD>
</tr>
<TR>
<td style="background-color:rgb(90,94,142);width:100%;" height="*"><table>
<tr>
<td style="height:100%;"></td>
</tr>
</table></td>
</tr>
<TR>
<td style="background-color:rgb(130,134,179);width:100%;height:20px;" valign="bottom">
</TD>
</tr></table>
</td>
</tr>
</table>ist das überhaupt möglich, bzw. in weitestgehend allen browsern anzeigbar ?
also mein beispiel funktioniert so nicht...
hoffe auf hilfe...
iceX
mach mal nen style-bereich mit den margins:
<style type="text/css">
body
{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
</style>dann dürfte das problem behoben sein
gruß dirk