Hintergrund wir nicht dargestellt!

R.Carlos · 18.03.2004, 11:32

Hallo zusammen,
mir ist aufgefallen, dass wenn ich eine verschachtelte Tabelle habe und einer Zeile eine Hintergrundfarbe zuweise, mir Safari immer eine weisse Farbe ausgiebt. Wobei der Explorer und der Netscape alles einwandfrei darstellt. Ich habe auch schon versucht, ein Hintergrundbild zu hinterlegen...aber Safari macht daraus einfach nur weiss.
Hatte schon mal jemand das Problem? Oder kann mir vielleicht jemand einen Tipp geben wie ich das Problem beheben kann?
Wäre für jeden Vorschlag dankbar...

Vielen Dank schon mal im Voraus...

Gruß
R.Carlos

DRappaport · 18.03.2004, 15:04

Kannst Du uns 'mal den Code posten?

LG, Dominik

R.Carlos · 18.03.2004, 16:35

Ich habe mal alle benötigten Dateien hochgeladen...könnt euch das mal gerne angucken!
Die beiden Leisten (horizontal und vertikal) sollen je nach Browsergröße mitgehen und das Hintergrundbild sich dementsprechend kacheln so das der Eindruck entsteht, dass die Leisten bis an die ecken reicht.
im Explorer sieht alles wunderbar aus. Sobald ich das Dokument im Safari öffne, dann skaliert er schon die Tabelle nicht obwohl ich angegeben habe, dass die Tabelle in der Höhe 100% sein soll. Den fehlenden Teil füllt er dann mit weiss aus...
Aber schaut mal selber...

Gruß
R.Carlos

DRappaport · 18.03.2004, 20:56

Das Problem liegt auf jeden Fall in der verschachtelten Tabelle. Safari hat offenbar mit der 100%-Höhe Probleme. Ich habe die unterste Zeile der inneren Tabelle dunkelgrau gefärbt um das aufzuzeigen:

Die unterste dunkelgraue Zeile müßte eigentlich ganz unten angezeigt werden. Das wird sie auch im Internet-Explorer. Dabei kommt es dann scheinbar auch zu dem Zeichenfehler mit der Hintergrundfarbe.

Das Problem hat sich also geändert zu: Wie kann ich Safari dazu bringen, die innere Tabelle wirklich die ganze Zelle ausfüllen zu lassen.

Mal schauen, was ich rausbekomme.

LG, Dominik

DRappaport · 18.03.2004, 22:28

Also das ist wohl eindeutig ein Safari-Bug. Ich habe eine 3x3 Tabelle erzeugt, die als Tabelle die Abmessungen 100% x 100% hat. Die 1. und 2. Zeile haben Höhe Pixel, die 3. und letzte hat automatische Höhe. Entsprechend haben die 1. und 2. Spalte Pixel-Breite, die 3. Automatisch. Bei Größenänderungen passen sich die rechte Spalte bzw. die untere Zeile an. In der recht-unteren Zelle habe ich eine weitere Tabelle eingefügt. Mit Maßen 100% x 100%. Sie müßte also den ganzen Bereich der Zelle abdecken. Schließlich habe ich noch in allen Zellen außer der rechts- unteren geschützte Leerzeichen eingefügt. In der inneren Tabelle den Beispieltext. Und dann noch alles ein bißchen eingefärbt. Und so sieht es aus:

Und hier ist der Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<title>Tabellen Test</title>
	</head>

	<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
		<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
			<tr height="63">
				<td bgcolor="#cc3399" width="64" height="63">&nbsp;</td>
				<td bgcolor="#cc3399" width="62" height="63">&nbsp;</td>
				<td bgcolor="#cc3399" height="63">&nbsp;</td>
			</tr>
			<tr height="76">
				<td bgcolor="#990000" width="64" height="76"><font color="#cc3399">&nbsp;</font></td>
				<td bgcolor="#990000" width="62" height="76"><font color="#cc3399">&nbsp;</font></td>
				<td bgcolor="#990000" height="76"><font color="#cc3399">&nbsp;</font></td>
			</tr>
			<tr>
				<td bgcolor="#663366" width="64"><font color="#ff66cc">&nbsp;</font></td>
				<td bgcolor="#663366" width="62"><font color="#ff66cc">&nbsp;</font></td>
				<td bgcolor="#ccccff">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
						<tr>
							<td align="left" valign="top">Dies ist ein Test.</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>

</html>

Im Internet Explorer ist alles wie man es erwartet. Ob es dafür einen Workaround gibt, weiß ich allerdings nicht.

Liebe Grüße,

Dominik

R.Carlos · 19.03.2004, 09:26

Hi,
tja da kann man wohl nichts machen. Für dein Beispiel könnte man allerdings die Seitenfarbe angleichen. Man nimmt als Seitenfarbe einfach die gleiche Farbe wie die innere Tabelle. so hat man wenigstens die gleiche Farbe....

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Tabellen Test</title>
</head>

<body bgcolor="#ccccff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr height="63">
<td bgcolor="#cc3399" width="64" height="63"> </td>
<td bgcolor="#cc3399" width="62" height="63"> </td>
<td bgcolor="#cc3399" height="63"> </td>
</tr>
<tr height="76">
<td bgcolor="#990000" width="64" height="76"><font color="#cc3399"> </font></td>
<td bgcolor="#990000" width="62" height="76"><font color="#cc3399"> </font></td>
<td bgcolor="#990000" height="76"><font color="#cc3399"> </font></td>
</tr>
<tr>
<td bgcolor="#663366" width="64"><font color="#ff66cc"> </font></td>
<td bgcolor="#663366" width="62"><font color="#ff66cc"> </font></td>
<td bgcolor="#ccccff">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="left" valign="top">Dies ist ein Test.</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>

Leider besteht aber immernoch das Problem mit der 100 % Tabelle. In meinem Fall ist es blöd weil die Balken halt nicht abschliessen. Naja...trotzdem vielen Dank für die Mühe...

Gruß
R.Carlos

DRappaport · 19.03.2004, 09:29

Gern geschehen. Ich werde aber trotzdem versuchen, an dem Problem dran zu bleiben, weil ich selbst sehr gerne solche verschachtelten Tabellen mit jeweils 100%x100% verwende, damit sich das Layout der Bildschirmgröße anpaßt.

LG, Dominik

Dirk Levy · 20.03.2004, 22:06

Ist es auch mit der neuesten Verison
von Safari so? (Die vom 10.3.3-Update)
Safari hat noch eine Menge Bugs drinnen...
Leider...

Gruß
Dirk

DRappaport · 20.03.2004, 22:08

Ich habe das OS Update 10.3.3 eingespielt. Safari zeigt 1.2 (v125.1). Ist das die aktuelle Version?

LG, Dominik

Dirk Levy · 20.03.2004, 22:10

Ja das ist die aktuelle Version im Moment...

Gruß
Dirk