nicht angemeldet
Tabellen anpassen!!! Brauche dringend Hilfe!!!
Hallo ich habe folgendes Problem und ich hoffe, daß mir jemand eine Lösung für mein Problem hat, habe etliches Probiert, werd bald verrückt!!
Habe den Quelltext minimiert(übersichtshalber).
Habe eine Tabellenstruktur, die den Browser immer voll ausfüllen soll, funktioniert auch alles prima, nur der header und footer werden wegen dem Mainteil nach rechts verschoben, wie kann ich das machen, der Mainteil dies nicht mehr tut, sprich, das er unabhängig von dem header und footer fungiert?! irgendwie mit colspan?! Wie gesagt, habe massig viel Zeit damit verbraten eine Lösung zu finden, bisher ohne Erfolg!! Ich hoffe mir kann jemand helfen...
<html>
<head></head>
<body bgcolor="#eeeeee" text="black">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="70%" bgcolor="#c0c0c0" valign="bottom" height="70" colspan="2">Header</td>
<td width="30%" align="right" bgcolor="#96007d">Header</td>
</tr>
<tr>
<td valign="top" width="200" height="100%">Navigation</td>
<td width="100%" valign="top" height="100%" class="left">MainTeil</td>
</tr>
<tr>
<td width="70%" bgcolor="#c0c0c0" height="1" colspan="2">Footer</td>
<td bgcolor="#96007d" width="30%">Footer</td>
</tr>
</td>
</tr>
</table>
</body>
</html>
Wenn ich die colspan weglasse, werden header und footer korrekt dargestellt, aber der MainTeil wird nach rechts unter die 2.te Spalte des header und footer gestellt...hoffe mich verständlich ausgedrückt zu haben und bitte helft mir!!! Gruß Basti
-
Hallo,
Ehm, so ganz verstaendlich is mir das Problem nicht.
Aber zuerstmal - was hat es mit dem Colspan auf sich?? Die mittlere Row bestehen aus 2 Zellen, aber durch den colspan ergeben sich in der letzten u. ersten Row 3 Zellen. Das wirft das Layout natuerlich durcheinander. Ausserdem ist da ein </td> zuviel.
Also, versuch's erst mal so:<html>
<head></head>
<body bgcolor="#eeeeee" text="black">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="70%" bgcolor="#c0c0c0" valign="bottom" height="70" colspan="2">Header</td><!-- zelle geloescht-->
</tr>
<tr>
<td valign="top" width="200" height="100%">Navigation</td>
<td width="100%" valign="top" height="100%" class="left">MainTeil</td>
</tr>
<tr>
<td width="70%" bgcolor="#c0c0c0" height="1" colspan="2">Footer</td><!-- zelle geloescht-->
</tr>
<!--ueberzaehliges td-tag geloescht-->
</tr>
</table>
</body>
</html>Gruss, Mel
-
Nachtrag - da ist noch ein </tr> zuviel.
<tr>
<td width="70%" bgcolor="#c0c0c0" height="1" colspan="2">Footer</td>
<!-- zelle geloescht-->
</tr>
<!--ueberzaehliges td-tag geloescht--><!--ueberzaehliger tr-tag geloescht-->
</table>
</body>
</html>Gruss, Mel
-
Hi, habe jetzt die Tabelle aktuallisiert... war durch das löschen des überflüssigen Codes bisle kaotisch ;)
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="#eeeeee" text="black">
<TABLE border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<TR>
<TD width="70%" bgcolor="#c0c0c0" height="1">Header</TD>
<TD width="30%" bgcolor="#96007d">Header</TD>
</TR>
<TR>
<TD>
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD valign="top" width="200" colspan="1">Navigation</TD>
<TD width="100%" valign="top" class="left">MainTeil</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD width="70%" bgcolor="#c0c0c0" height="1">Footer</TD>
<TD bgcolor="#96007d" width="30%">Footer</TD>
</TR>
</TABLE>
</BODY>
</HTML>funktioniert gut....NUR im Mainteil kann ich nicht über die erste Spalte des header/footer hinausschreiben...win liegt der fehler?!
Thx auch für die schnelle Antwort...
Gruß Basti-
hallo,
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="#eeeeee" text="black">
<TABLE border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<TR>
<TD width="70%" bgcolor="#c0c0c0" height="1">Header</TD>
<TD width="30%" bgcolor="#96007d">Header</TD>
</TR>
<TR>
<TD>dieses TD müßte nun noch mit colspan="2" ergänzt werden
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">Es ist nicht zwingend nötig, nun gleich zwei weitere neue Tabellen ineinander zu verschachteln.
Christoph S.
-
SUPER, vielen Dank, hat jetzt endlich funktioniert, man sollte des öfteren nicht so komplex denken... ;)
Thx an alle für die Tips...
Gruß Basti
-
-
-
-
-
tach,
Habe eine Tabellenstruktur, die den Browser immer voll ausfüllen soll, funktioniert auch alles prima, nur der header und footer werden wegen dem Mainteil nach rechts verschoben, wie kann ich das machen, der Mainteil dies nicht mehr tut, sprich, das er unabhängig von dem header und footer fungiert?!
Ambesten, indem du eine weitere Tabelle ewinfügst.
<html>
<head></head>
<body bgcolor="#eeeeee" text="black">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="70%" bgcolor="#c0c0c0" valign="bottom" height="70" colspan="2">Header</td>
<td width="30%" align="right" bgcolor="#96007d">Header</td>
</tr>Dir t klar, daß du damit in der ersten Tabellenzeile drei Spalten festgelegt hast ?
<tr>
<td valign="top" width="200" height="100%">Navigation</td>Diese Breitenangabe geht so gar nicht. Es ist die erste Spalte, und für die hast du oben keine Angaben zur Pixelbreite gemacht, sie ist mit "colspan" mit der zweiten zusammengebunden worden.
<td width="100%" valign="top" height="100%" class="left">MainTeil</td>
Das geht noch weniger. Das ist die mittlere Spalte, und die kannst du nicht einfach auf 100% Breite setzen wollen.
Und wo ist die dritte Spalte, die 30% breit sein müßte ?</tr>
<tr>
<td width="70%" bgcolor="#c0c0c0" height="1" colspan="2">Footer</td>
<td bgcolor="#96007d" width="30%">Footer</td>
</tr>so weit wieder ordentlich.
</td>
</tr>Was sollen denn diese beiden ? Bitte streichen.
Wenn du das so korreigierst, hast du wenigstens erstmal ne "ordentliche" Tabelle. Bloß wird dir absolut nicht gefallen daß du damit riesige Header- und Footer-Zeilen hast, aber nur einen winzigen "Main"-Teil.
Vielleicht hilft es dir, ein wenig in SELFHTML nachzulesen, wie Tabellen gebaut werden können.
Christoph S.