nicht angemeldet
Hallo,
ich verzweifle gerade an einer eigentlich simple Aufgabe:
ich möchte für einen Club eine Monatsübersicht der Termine machen. An sich eine simple Tabelle, die an einer festen Stelle im Layout erscheinen soll. Ich mache das mit GoLive und zwar so: ich packe die tabelle in einen "Floating Box"-Positionsrahmen (div absolute blabla), den ich an einer bestimten Stelle platziere. Nun schiesst die Tabelle aber an allen Ecken und Enden aus dem Positionsrahmen, d.h. sie hängt nach unten raus und erstreckt sich über das benachbarte Bild. Die seite läuft in einem Fenster mit fester grösse, also kann man nicht scrollen, d.h. die Tabelle wird nach untenhin einfach abgeschnitten. Ich habe schon das attribut overflow:scroll versucht, aber die tabelle macht einfach was sie will. Der Positionsrahmen vergrössert sich quasi mit der Tabelle.
Weiss irgendwer, wo von ich rede? Ich weiss es selbst kaum. Hier mein Quellcode:
<HTML>
<HEAD>
<TITLE>BE THERE OR BE SQUARE</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Content-Language" content="de">
<META NAME="author" content="Wahnsinn und Methode GmbH">
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<META NAME="revisit-after" CONTENT="30 days">
<link rel="stylesheet" href="choose.css" media="screen">
<STYLE TYPE="text/css">
<!--
#TERMINE-02 { position: absolute; top: 16px; left: 393px; width: 219px; height: 186px; visibility: visible }
#TERMINE-05 { position: absolute; top: 202px; left: 417px; width: 312px; height: 176px; visibility: visible }
#TERMINE-07 { position: absolute; top: 378px; left: 393px; width: 415px; height: 117px; visibility: visible }
#TERMINE-10 { position: absolute; z-index: 1; top: 495px; left: 243px; width: 565px; height: 109px; visibility: visible }
#layer1 { position: absolute; top: 8px; left: 583px; width: 215px; height: 133px; visibility: visible }
H1 { color: black; font-weight: normal; font-size: 14px; line-height: 16px; font-family: Impact, Arial, Helvetica }
H4 { color: fuchsia; font-weight: 200; font-size: 12px; line-height: 14px; font-family: Impact, Arial, Helvetica }
#layer3 { position: absolute; z-index: 1; top: 1px; left: 1px; width: 294px; height: 31px; visibility: visible }
#layer6 { position: absolute; top: 550px; left: 38px; width: 195px; height: 51px; visibility: visible }
#layer2 { position: absolute; top: 33px; left: 0px; width: 407px; height: 540px; visibility: visible }
H5 { color: white; font-weight: 300; font-size: 16px; line-height: 14px; font-family: Impact, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
H6 { color: white; font-style: italic; font-size: 24px; font-family: Impact, Arial, Helvetica, Geneva; text-decoration: blink }
-->
</STYLE>
<script language="JavaScript"><!--
function link1_onClick()
{window.open("CHOOSE.html","popup","width=400,height=300,left=50,top=0,scrollbars=no");
}
// -->
</script>
<script language="JavaScript1.4"><!--
function document_onLoad()
{window.open("kicktipp.html","popup","width=324,height=200,left=460,top=450,scrollbars=no");
}
// -->
</script>
<script language="JavaScript1.4"><!--
function document_onUnload()
{self.close();
}
// -->
</script>
</HEAD>
<BODY BGCOLOR=#d30101 onload="document_onLoad();" onunload="document_onUnload();">
<map name="Termine-Boys-grossb9cb5dd1"></map>
<div id="layer3">
<h6>CHOOSE YOUR PORNO - <a href="javascript:void(0)" onfocus="this.blur()" ; onclick="link1_onClick();"><font color="#ff33ff">HERE!</font></a></h6>
</div>
<DIV ID="TERMINE-02">
<IMG SRC="../images/TERMINE_02.gif" WIDTH=219 HEIGHT=186></DIV>
<DIV ID="TERMINE-05">
<IMG SRC="../images/TERMINE_05.gif" WIDTH=312 HEIGHT=176></DIV>
<DIV ID="TERMINE-07">
<IMG SRC="../images/TERMINE_07.gif" WIDTH=415 HEIGHT=117></DIV>
<DIV ID="TERMINE-10">
<IMG SRC="../images/TERMINE_10.gif" WIDTH=565 HEIGHT=109></DIV>
<div id="layer1">
<img src="../images/newevery.gif" width="182" height="133" border="0"></div>
<div id="layer6">
<h6>NOVEMBER 04</h6>
</div>
<div id="layer2">
<table border="0" cellspacing="1" cellpadding="2" height="540" width="407">
<tr height="16">
<td nowrap width="19" height="16">
<h1>Mi</h1>
</td>
<td nowrap width="32" height="16">
<h1>03.11.</h1>
</td>
<td valign="top" nowrap width="133" height="16">
<h5>HEIMSPIEL</h5>
</td>
<td nowrap width="178" height="16">
<h1>QueerDisko **start 9 pm**</h1>
</td>
</tr>
<tr height="21">
<td valign="top" nowrap width="19" height="21">
<h1>Do</h1>
</td>
<td valign="top" nowrap width="32" height="21">
<h1>04.11.</h1>
</td>
<td valign="top" nowrap width="133" height="21">
<h5>FAVORIT SPORTIV</h5>
</td>
<td valign="top" nowrap width="178" height="21">
<h1>mit Gästen</h1>
</td>
</table>
</div>
</BODY>
</HTML>