HTML Tabellen Hilfe

[Dane]

Hab eine nue Seite entworfen und hab sie auch zum laufen gebracht...mit Firefox sieht die Seite nicht schlecht aus, aber mit IE *würg*...

http://clan.owngate.de/test/

in der mitte sollte die 3 reihe die variable sein, wie es auch ist im Firefox, der IE nimmt selbst die oberste und die unterste.... ?? hat jemand rat?

[T.dot]

Du könntest einfach (naja, relativ) den mittleren Teil in eine untergeordnete Tabelle geben. Dadurch wird diese nicht auf die ganze Höhe von allen anderen gestreckt und so sollte nur der Teil größer werden, wo mehr drinnen steht.

Denn unser lustiger IE macht folgendes: Er vergrößert alle Spaltenhöhen solange, bis sie gleichmäßig über die ganze Höhe verteilt sind, deswegen schauts ein bischen seltsam aus. Opera zb. vergrößert nur den untersten Teil.

Du könntest auch probieren den oberen Teil eine fixe Höhe zu geben, damit dieser nicht vergrößert wird.

Man könnte jetzt wieder die Diskussion über "macht keine Layouts mit Tabellen" starten, das hätt aber auch wenig Sinn

mfg Thomas

[T.dot]

weil mir grad so fad war der code dazu:

<table width="972" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="4" colspan="3" style="vertical-align:top;width:212;">
	<table 
... ALLES VOM LINKEN MENÜ TABLE ...
	</table>	
	</td>
  
  <td style="vertical-align:top">
  	<table style="width:100%" border=1>
  		<tr>
		  	<td width="40" height="38" style="height:38px;background-image:url(e2_4.jpg); background-repeat:no-repeat;vertical-align:top;"></td>
		    <td height="38" width="300" style="background-image:url(e2_6.jpg); background-repeat:repeat-x;text-align:left;vertical-align:top;">[img]e2_5.jpg[/img]</td>
				<td height="38" width="300" style="background-image:url(e2_6.jpg); background-repeat:repeat-x;text-align:right;vertical-align:top;">[img]e2_7.jpg[/img]</td>
		    <td width="40" height="38" style="height:38px;background-image:url(e2_8.jpg); background-repeat:no-repeat;vertical-align:top;"></td>
			</tr>
		  <tr>
		    <td width="40" height="38" style="background-image:url(e3_m2.jpg); background-repeat:repeat-y;vertical-align:top;">[img]e3_m1.jpg[/img]</td>
		    <td colspan="2" rowspan="2" style="font-family:Arial, Helvetica, sans-serif;color:#DDDDDD;background-image:url(e3_m.jpg); vertical-align:top;text-align:center;">
			 MITTE
			</td>
		    <td width="40" height="38" style="background-image:url(e3_m6.jpg); background-repeat:repeat-y;vertical-align:top;">[img]e3_m5.jpg[/img]</td>
		  </tr>
		  <tr>
		    <td width="40" style="background-image:url(e3_m2.jpg); background-repeat:repeat-y;vertical-align:bottom;">[img]e3_m3.jpg[/img]</td>
		    <td width="40" style="background-image:url(e3_m6.jpg); background-repeat:repeat-y;vertical-align:bottom;">[img]e3_m7.jpg[/img]</td>
		  </tr>
		  <tr>
		    <td width="40" height="28" style="background-image:url(e4_m1.jpg); background-repeat:repeat-x;vertical-align:bottom;"></td>
		    <td height="28" width="300" style="background-image:url(e4_m3.jpg); background-repeat:repeat-x;text-align:left;vertical-align:top;">[img]e4_m2.jpg[/img]</td>
			<td height="28" width="300" style="background-image:url(e4_m3.jpg); background-repeat:repeat-x;text-align:right;vertical-align:top;">[img]e4_m4.jpg[/img]</td>
			<td width="40" height="28" style="background-image:url(e4_m5.jpg); background-repeat:repeat-x;vertical-align:bottom;"></td>
		  </tr>			
  	</table>
  </td>
  
	<td rowspan="4" colspan="3" style="vertical-align:top;width:212;">
	<table
 ... ALLES VOM RECHTEN TABLE ...
	</table>	
	</td>
  </tr>
</table>

ganz oben war glaub ich noch ne tablerow drinn, die musst halt wieder rein haun, den source vom linken und rechten table hab ich mal rausghaut, zwecks übersicht

mfg Thomas

[Dane]

ok i probiers mal....aber wie denn wenn nicht mit Tabellen? Hmm mir fällt da keine Alternative ein irgendwie?

[Dane]

danke so gehts kannst da ja anschauen, i hab des neue hichgladen
wie schauts mitn Opera aus? passts da auch?

[T.dot]

bei mir passts (so wie vorher auch schon in opera)...

Du könntest es rein theoretisch auch mit DIVs statt Tabellen lösen, aber mir persönlich wäre das zu kompliziert, bei dem Design

mfg