✔ Zelle wird nicht mit vergrößert

Status
Nicht offen für weitere Antworten.
unlord

unlord

Erfahrenes Mitglied
Hallo,
hab mal wieder ein Problem mit der automatischen Vergrößerung von Zellen (in diesem Fall soll die Höhe vergrößert werden)

habe folgende Tabelle:

Code: 
<table align="center" width="1000" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="241" height="200"><img id="TopBannerLeft" src="./grafiken/layout/TopBannerLeft.jpg" alt="TopBannerLeft" border="0"></td>
		<td width="497" height="200"><img id="TopBannerMid" src="./grafiken/layout/TopBannerMid.jpg" alt="TopBannerLeft" border="0"></td>
		<td width="262" height="200"><img id="TopBannerRight" src="./grafiken/layout/TopBannerRight.jpg" alt="TopBannerRight" border="0"></td>
	</tr>
	<tr>
		<td id="links" width="241" style="background-image: url('./grafiken/layout/LeftBG.jpg'); background-repeat: repeat;"></td>
		<td id="content" rowspan="3" width="497"></td>
		<td id="rechts" rowspan="2" width="262" style="background-image: url('./grafiken/layout/RightBG.jpg'); background-repeat: repeat;"></td>
	</tr>
	<tr>
		<td id="untenlinks" rowspan="2" width="241" height="234" style="background-image: url('./grafiken/layout/LeftBottom.jpg'); background-repeat: no-repeat;"></td>
	</tr>
	<tr>
		<td id="untenrechts" width="262" height="138" style="background-image: url('./grafiken/layout/RightBottom.jpg'); background-repeat: no-repeat;"></td>
	</tr>
</table>

wenn ich jetzt was in die Zelle mit der ID "content" reinschreibe und es zuviel text wird, vergrößert sich ja automatisch die Höhe der Zelle... das gleiche passiert mit der Zelle rechts nebendran(id "rechts", dabei wird die andere Zelle "untenrechts" nach unten geschoben), leider aber nicht mit der links nebendran(id "links")... man kann nur die richtige Höhe der Zelle "links" rausbekommen wenn man von der Höhe der Zelle "content" die Höhe der Zelle "untenlinks" abzieht... das kann man aber nicht machen, da die Höhe von "content" ja nicht feststeht.... hoffe ihr könnt mir helfen (fals das überhaupt geht -.-)

mfg
unlord

P.S.: und bitte so antworten wie "machs mit css" ohne genauere anweisungen sparen ^^
 
Anstatt eine Tabellen Spalte zu definieren machst du besser ein div Tag mit style="" und Attributen auf deine gewünschten Maße.

Wenn du zwei div Tags/Spalten nebeneinander haben willst, dann kannst du einfach mit dem CSS Attribut float:left oder right ein div Tag in der gleichen Zeile positionieren. Wenn du dir dann schnell noch aneingnest mit paading und margin Werten zu arbeiten, dann kannst du auch schöne Abstände deffienieren.

Den kompletten Tabeleninhalt kannst du auch mit einem div Tag der 1000 Pixel breit ist deffinieren, so und nun ein bisjen Phantasie und eine Seite wo CSS erklärt wird und deine Löung ist bald fertig.

gruß
feh
 
gibts es vielleicht ne möglichkeit eine zelle immer so groß zu halten, dass sie allen platz ausnutzt, den sie ausfüllen kann... also wenn man z.b. ganz unten bei der table nochmal eine zelle setzt, die width="1000" hat und die zelle dann immer bis zu der unteren allen platz ausnutzt... bitte helft mir >_<

mfg
unlord

EDIT: wenn man border="1" einstellt, sieht man dass sich die zelle "linksunten" anstatt der zelle "links" vergrößert... kann man irgendwie angeben ob sich ne zelle automatisch vergrößern soll oder nich?
 
Zuletzt bearbeitet:
Hallo!

Mein Tip: mach es mit Tabellen. :p

Wie?
Mit verschachtelten Tabellen..... zu deutsch, Tabellen in die Tabelle setzen.

Gruss Dr Dau
 
also irgendwie hilft mir das in der sache nicht weiter(oder ich blicks einfach nicht ^^).... könntest mir vielleicht mal genauer beschreiben wie mir das konkret helfen könnte?

mfg
unlord
 
Hallo!

unlord hat gesagt.:
also irgendwie hilft mir das in der sache nicht weiter(oder ich blicks einfach nicht :)).... könntest mir vielleicht mal genauer beschreiben wie mir das konkret helfen könnte?


mfg
unlord
Zum Vergrößern anklicken....
Das dürfte wohl genau genug sein.....
HTML: 
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<table align="center" width="1000" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<table width="100%" height="200" border="0" cellpadding="0" cellspacing="0">
	<tr>
	 <td bgcolor="red" width="241">obenlinks</td>
	 <td bgcolor="green" width="497">obenmitte</td>
	 <td bgcolor="red" width="262">obenrechts</td>
	</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="241" height="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
	 <td bgcolor="green" id="links">links</td>
	</tr>
	<tr>
	 <td bgcolor="red" id="untenlinks" height="234">untenlinks</td>
	</tr>
</table>
</td>
<td>
<table height="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
	 <td bgcolor="blue" id="content" width="497">content<br><br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text</td>
	</tr>
</table>
</td>
<td>
<table height="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
	 <td bgcolor="green" id="rechts" width="262">rechts</td>
	</tr>
	<tr>
	 <td bgcolor="red" id="untenrechts" height="138">untenrechts</td>
	</tr>
</table>
</td>
</tr>
 
</table>
</body>
Gruss Dr Dau
 
ohje wieder völlig in die andere richtung gedacht... vielen dank klappt perfekt :)

mfg
unlord

P.S.: von wegen css klappt besser =P
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück