✔ Skaliertes Bild wird nicht richtig angezeigt

[timäää]

Hi!

Ich hab folgendes Problem. Ich hab eine Tabelle erstellt, in der 2 Bilder (eine 1x10 pixel hohe Line) auf 100% höhe skaliert werden sollen. In Opera wird allerdings nur ein 1x1 Pixel großer Punkt und im IE nur das nicht skalierte Bild angezeigt.

<table width="700" cellspacing="0" cellpadding="0">
	<tr>
		<td width="30"><img src="ol.gif" width="30" height="30" /></td>
		<td valign="top"><img src="hl.gif" width="100%" height="1" /></td>
		<td width="30"><img src="or.gif" width="30" height="30" /></td>
	</tr>
	<tr>
		<td align="left"><img src="vl.gif" width="1" height="100%"/></td> #HIER
		<td valign="top">
			#uninteressant
		</td>
		<td align="right"><img src="vl.gif" width="1" height="100%"/></td> #und HIER
	</tr>
	<tr>
		<td width="30"><img src="ul.gif" width="30" height="30" /></td>
		<td valign="bottom"><img src="hl.gif" width="100%" height="1" /></td>
		<td width="30"><img src="ur.gif" width="30" height="30" /></td>
	</tr>
</table>

Habt ihr ne ahnung woran das liegen könnte?

 

[Maik]

Hi,

setz mal die Grafik als Hintergrundbild ein und wiederhole sie in der Y-Achse:

<td style="background:url(vl.gif) left top repeat-y;"></td>

<td style="background:url(vl.gif) right top repeat-y;"></td>

 

[timäää]

Danke! Funktioniert wunderbar.

 

[Maik]

So, wie ich das überblicke, kannst du auch die übrigen Grafikelemente als Hintergrundbilder einsetzen, und würdest auf diese Weise das Layout vom Inhalt trennen.