tomtom
2004-09-24, 17:46:23
Hi Leute!
Ich hab ein Problem mit meinem Tablelayout in HTML Strict. Untenstehender Code ist so konzipiert, dass die äußerste Tabelle drei Zeilen hat. Die oberste und die unterste davon haben eine fixe Größenangabe, die mittlere soll je nach Auflösung den Rest der Seite einnehmen, sodass die Gesamte Website das Browserfenster immer in voller Höhe ausfüllt(die mittlere Zeile soll also variabel sein). Das funktioniert auch ganz gut. Nur sobald ich das Dokument mit HTML Strict kennzeichne, funktioniert diese Aufteilung der Größe nicht mehr. Alle Größenangaben für Tabellen und Spalten wurden im Stylesheet (siehe unten) gemacht. Der Validator hat ein meinem Code auch nix auszusetzen...
Hier mal der Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>w3fx.de ...choose your way</TITLE>
<LINK REL=stylesheet TYPE="text/css" HREF="style.css">
</HEAD>
<BODY STYLE="margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;">
<TABLE CLASS="dp" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD CLASS="dp1">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="logo"></TD>
<TD CLASS="tl1"> </TD>
</TR>
</TABLE>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="tl2"></TD>
</TR>
</TABLE>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="ml1"></TD>
</TR>
</TABLE>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="tl3"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="ct">Content</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD CLASS="dp2">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="bl1"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Und hier das Stylesheet:
TABLE.dp {width:100%; height:100px}
TD.dp1 {height:127px;}
TD.dp2 {height:32px;}
TD.logo {background:url(layout/w3fx_logo.gif); width:327px; height:56px;}
TD.tl1 {background:url(layout/topline01.gif); height:56px;}
TD.tl2 {background:url(layout/topline02.gif); height:4px;}
TD.ml1 {background:url(layout/menuline.gif); height:35px;}
TD.tl3 {background:url(layout/topline03.gif); height:32px;}
TD.ct {background:url(layout/bg.gif);}
TD.bl1 {background:url(layout/bottomline01.gif); height:32px;}
Ich hoffe, ich hab alles verständlich erklärt und ihr könnt mir helfen. Vielen Dank im Voraus,
MFG, terminator2k3
Ich hab ein Problem mit meinem Tablelayout in HTML Strict. Untenstehender Code ist so konzipiert, dass die äußerste Tabelle drei Zeilen hat. Die oberste und die unterste davon haben eine fixe Größenangabe, die mittlere soll je nach Auflösung den Rest der Seite einnehmen, sodass die Gesamte Website das Browserfenster immer in voller Höhe ausfüllt(die mittlere Zeile soll also variabel sein). Das funktioniert auch ganz gut. Nur sobald ich das Dokument mit HTML Strict kennzeichne, funktioniert diese Aufteilung der Größe nicht mehr. Alle Größenangaben für Tabellen und Spalten wurden im Stylesheet (siehe unten) gemacht. Der Validator hat ein meinem Code auch nix auszusetzen...
Hier mal der Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>w3fx.de ...choose your way</TITLE>
<LINK REL=stylesheet TYPE="text/css" HREF="style.css">
</HEAD>
<BODY STYLE="margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;">
<TABLE CLASS="dp" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD CLASS="dp1">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="logo"></TD>
<TD CLASS="tl1"> </TD>
</TR>
</TABLE>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="tl2"></TD>
</TR>
</TABLE>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="ml1"></TD>
</TR>
</TABLE>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="tl3"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="ct">Content</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD CLASS="dp2">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD CLASS="bl1"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Und hier das Stylesheet:
TABLE.dp {width:100%; height:100px}
TD.dp1 {height:127px;}
TD.dp2 {height:32px;}
TD.logo {background:url(layout/w3fx_logo.gif); width:327px; height:56px;}
TD.tl1 {background:url(layout/topline01.gif); height:56px;}
TD.tl2 {background:url(layout/topline02.gif); height:4px;}
TD.ml1 {background:url(layout/menuline.gif); height:35px;}
TD.tl3 {background:url(layout/topline03.gif); height:32px;}
TD.ct {background:url(layout/bg.gif);}
TD.bl1 {background:url(layout/bottomline01.gif); height:32px;}
Ich hoffe, ich hab alles verständlich erklärt und ihr könnt mir helfen. Vielen Dank im Voraus,
MFG, terminator2k3