Problem mit HTML-Tabelle in Safari

[JoeSixpack]

Hallo die HTML-Cracks!

Ich habe hier eine kleines Problem:

www.buma-boiler.ch: die rechte Tabelle mit dem Bild. Das Bild mit dem Text sollte immer unten anschliessen, das Logo muss oben bleiben. Das klappt überall, mit Firefox auf Mac und Windows, mit IE auch.
Nur Safari will nicht.

<table border="0" cellspacing="0" cellpadding="0" height="100%">
									<tr>
										<td valign="top" bgcolor="#c5d7e1"><a href="/index.php?id=1"><img src="images_template/logo-obenverlauf.gif" alt="" width="236" align="top" border="0" /></a></td>
									</tr>
									<tr height="100%">
										<td bgcolor="#c5d7e1" height="100%"><img src="images_template/blind.gif" alt="" height="100%" width="20" border="0"/><br/>
											<br/>
											<br/>
										</td>
									</tr>
									<tr>
										<td valign="bottom"><img src="images_template/wechselbild.gif" alt="" width="236" align="bottom" border="0" /></td>
									</tr>
								</table>

Vielleicht hat da jemand einen Tipp?

besten Dank und Gruss

 

[somunium]

Vielleicht hat da jemand einen Tipp?

Das Design nicht auf einer Tabelle aufbauen!
Die Gestaltung mit CSS machen!

Sorry, aber Tabellenbasierte Designs ist wie einen Vorschlaghammer als Gabel benutzen...

 

[JoeSixpack]

Das Design nicht auf einer Tabelle aufbauen!
Die Gestaltung mit CSS machen!

Sorry, aber Tabellenbasierte Designs ist wie einen Vorschlaghammer als Gabel benutzen...

yeah, das ist mir schon klar..... ich hätte es auch lieber CSS gemacht, aber wir waren in Zeitnot und haben HTML-Tabellen als Vorlage bekommen
Man muss ja auch noch das Budget im Auge behalten....

any ideas ansonsten?

vielen Dank und Gruss

 

[Darii]

any ideas ansonsten?

Ja, das Attribut "height" existiert bei <table> nicht. FF und IE stellen deine Seite also falsch dar.

Müsstest du also CSS(style="height: 100%") nehmen. Das hilft wir aber immer noch nicht weiter, da das Verhalten von "height" in deinem Fall undefiniert(bzw. uneindeutig) ist. Weist du der umgebenden Tabellenzelle eine festgelegte Höhe zu(z.B. 4000px) funktioniert es auch im Safari. Musst du mal rumprobieren.

zum Lesen:
* http://www.w3.org/TR/html401/struct/tables.html#h-11.2.1
* http://www.w3.org/TR/CSS21/visudet.html#propdef-height

Edit: Schmeiß doch einfach die Tabelle weg. Knall oben das Bild hin, pass die Hintergrundfarbe an und ersetzte den unteren Teil durch ein Hintergrundbild.

 

[JoeSixpack]

Edit: Schmeiß doch einfach die Tabelle weg. Knall oben das Bild hin, pass die Hintergrundfarbe an und ersetzte den unteren Teil durch ein Hintergrundbild.

hi

ja, das hatte ich schon probiert. Dummerweise muss das rechte untere Bild auswechselbar sein über BE im Typo3. Na ja, irgendein Kompromiss werde ich noch finden.

vielen Dank