nicht angemeldet
layout mit 100% Höhe der Tabelle klappt einfach nicht!
Hallo
habe ein Design einer Seite gemacht, daß nun automatisch mit hilfe einer Tabelle an die Fensterhöhe angepasst werden soll. Teilweise liegen in den Zellen Grafiken, die zusammen dann das Layout ergeben. Siehe
www.zwergauer-hof.de/rs/index1.htm
Ich schaffe es einfach nicht, daß die untere Grafik immer am unteren rand landet, und die anderen keine Zwischenräume bilden.
Vielen dank
Mathias
Außterdem erscheint unter der Tabelle so ein blöder weißer Streifen, den ich auch nicht wegbringe.
-
versuch lieber greössere bilder zusammenzuhängen, dann hast du nich so viel code, und die tendenz zu weissen balken und löchern wird auch weniger...
ausserdem ist es ratsam, einzelne blöcke wieder in tabellen unterzubringen, dann wird das ganze flexibler, ich habe da mal ein paar dazugemacht und farbig markiert...ausserdem brauchst du in de mitte ja noch platz, wo dann der inhalt hinsoll, ich hab das mal gelb markiert...
generell musst du bei sowas drei tabellen untereinander machen, und die drei dann in eine tabelle, die 100% höhe hat und alles positioniert, also bei der unteren valign="bottom" macht...
schau mal bei mirauf der seite, da ist alles etwas weniger umfangreich, aber ich hatte dieselben probleme viel spass, thomas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> Staatliche Realschule für Knaben Waldsassen </title> <meta http-equiv="content-type" content= "text/html;charset=ISO-8859-1"> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table summary="" height="100%" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table height="1%" cellspacing="0" cellpadding="0" width="1005" border="0"> <tbody> <tr height="1%"> <td align="left" width="223" height="1%"> <img alt="" src="bild1.jpg" border="0"> </td> <td align="left" width="372" height="1%"> <img alt="" src="bild2.jpg" border="0"> </td> <td align="left" width="192" height="1%"> <img alt="" src="bild3.jpg" border="0"> </td> <td align="left" width="58" height="1%"> <img alt="" src="bild3a.jpg" border="0"> </td> <td align="left" width="160" height="1%"> <img alt="" src="bild4a.jpg" border="0"> </td> </tr> <tr height="1%"> <td align="left" width="223" height="1%"> <img alt="" src="bild5.jpg" border="0"> </td> <td align="left" width="372" height="1%"> <img alt="" src="bild6.jpg" border="0"> </td> <td align="left" width="192" height="1%"> <img alt="" src="bild7.jpg" border="0"> </td> <td align="left" width="58" height="1%"> <img alt="" src="bild5a.jpg" border="0"> </td> <td align="left" width="160" height="1%"> <img alt="" src="bild6a.jpg" border="0"> </td> </tr> <tr height="1%"> <td align="left" width="223" height="1%"> <img alt="" src="bild9.jpg" border="0"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="90%"> <table summary="" height="100%" width="100%" border="1" bordercolor="blue" cellpadding="0" cellspacing="0"> <tr> <td valign="top" align="left"> <img alt="" src="bild11.jpg" border="0"> </td> <td bgcolor="yellow" width="90%"> inhalt </td> <td valign="bottom" align="left" width="160" height="1%"> <table summary="" border="1" bordercolor="green" cellpadding="0" cellspacing="0"> <tr> <td valign="bottom"> <img alt="" src="bild12.jpg" border="0"> </td> </tr> <tr> <td> <img alt="" src="down3.jpg" border="0"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td valign="bottom" align="right"> <table summary="" height="1%" cellpadding="0" cellspacing="0" border="1"> <tr height="1%"> <td> <img alt="" src="bild14.jpg" border="0"> </td> <td> <img alt="" src="bild15.jpg" border="0"> </td> <td> <img alt="" src="down5.jpg" border="0"> </td> <td> <img alt="" src="down4.jpg" border="0"> </td> </tr> </table> </td> </tr> </table> </body> </html>