Tabellen "auffüllen"

Status
Nicht offen für weitere Antworten.

..ooOOipOOoo..

Mitglied
Hoi!

Ich habe ein Problem unc ich weiß nicht, ob das mit einfachem HTML zu lösen ist, zumindest finde ich keine Lösung.

Ich habe eine Tabelle, die 1 Row hat und darin 3 Columns. In der Mittleren Column wird per PHP eine Seite "included". In den äußeren Cols sitzt nun wieder jeweils eine Tabelle. Sie haben jede 3 Rows und jeweils eine Column. Damit würde in etwa folgendes entstehen:
Code:
----------------------------
|   |                  |   |
|   |                  |   |
|---|                  |---|
|   |                  |   |
|   |                  |   |
|---|                  |---|
|   |                  |   |
|   |                  |   |
|---|------------------|---|
Die Zellen oben und unten auf den Seiten sollen eine Fixe größe haben. Wenn nun eine große Datei im Zentrum eingebunden wird, dann sollen die unteren Zellen unten "kleben" bleiben und die oberen oben und die mittleren, sollen den restlichen Bereich auffüllen. Also in etwa so:
Code:
----------------------------
|   |                  |   |
|   |                  |   |
|---|                  |---|
|   |                  |   |
|   |                  |   |
|   |                  |   |
|   |                  |   |
|   |                  |   |
|   |                  |   |
|   |                  |   |
|   |                  |   |
|---|                  |---|
|   |                  |   |
|   |                  |   |
|---|------------------|---|

Das bekomm ich nicht hin. Meine verzweifelten Versuche bringen nichts. Ich schaffe es nicht, dass die mittleren AUßenzellen den überflüßigen Bereich ausfüllen, wärend die oberen und die unteren fixiert bleiben :(. Meine Ergebnisse sehen in etwa so aus:

Code:
----------------------------
|xxx|                  |xxx|
|xxx|                  |xxx|
|xxx|                  |xxx|
|---|                  |---|
|   |                  |   |
|   |                  |   |
|---|                  |---|
|   |                  |   |
|   |                  |   |
|---|                  |---|
|   |                  |   |
|   |                  |   |
|---|                  |---|
|xxx|                  |xxx|
|xxx|                  |xxx|
|xxx|                  |xxx|
|---|------------------|---|

Wie bekomm ich das hin?

TIA

Gruesee
..ooOOipOOoo..
 
Hoi!

Ich habe mein Problem selbst lösen können. Ich habe nur vergessen ein spezielles <td> Tag mit Height="100%" auszustatten. Für alle, die es interessiert: Hier der Quelltext:

Code:
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td width="161" height="100%">
		  	<table width="161" border="0" cellpadding="0" cellspacing="0" height="100%" style="top:0px">
				<tr width="161" style="top:0px">
					<td background="LeisteLinksOben.jpg" height="132" width="161"></td>
				</tr>
				<tr width="161">
					<td background="LeisteLinksRand.jpg" width="161">Linker Rand</td>
				</tr>	
				<tr width="161" style="bottom:0px">
					<td background="LeisteLinksUnten.jpg" height="104"  width="161" style="position:fixed; bottom:0px"></td>
				</tr>				
			</table>
		  </td>
          <td width="600">"Hauptfenster"</td>
          <td width="161" height="100%">
		  	<table border="0" cellpadding="0" cellspacing="0" height="100%" style="top:0px">
				<tr width="161" style="top:0px">
					<td background="LeisteRechtsOben.jpg" height="132" width="161</td>
				</tr>
				<tr width="161">
					<td background="LeisteRechtsRand.jpg" width="161">Rechter Rand </td>
				</tr>
				<tr width="161" style="bottom:0px">
					<td background="LeisteRechtsUnten.jpg" height="104" width="161" style="position:fixed; bottom:0px"></td>
				</tr>
			</table>
		  </td>	
        </tr>
      </table>

Gruesse

..ooOOipOOoo..
 
Status
Nicht offen für weitere Antworten.
Zurück