Hallo ralf,
Ich wollte gern eine Tabelle anlegen, die 100px hoch ist und über die gesamte Bildschirmbreite reicht. Dann wollte ich gern einen Farbverlauf in der Tabelle haben. Dafür hab ich eine entsprechende Bilddatei als Hintergrund eingebunden. Das Problem ist nun aber, dass das Bild höher als die 100px der Tabelle ist und nicht auf die Größe der Tabelle zusammengeschrumpft wird. Man sieht also nur den oberen Rand es Farbverlaufes. Sicher könnte man da jetzt das Bild als solches verkleinern. Aber gibt es da nicht auch eine Möglichkeit ohne das Bild zu verändern? Muß ich überhaupt ein Bild einbinden wenn ich einen Farbverlauf haben will, oder kann ich mir den auch mit Hintergrundfarben generieren lassen? Danke schon mal für eure Tips...
Wie wäre es denn mit dem Folgenden, das allerdings nur der IE umsetzt?
<html>
<head>
<title>Tabellenverlauf</title>
<style type="text/css">
<!--
table.verlauf {
height:100px;
text-align:center;
color:#FFFF00;
width:100%;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#88CCFF, EndColorStr=#2266BB);
border-collapse:collapse;
}
table.verlauf td {
border:solid 1px #FF0000;
}
-->
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table>
<tr>
<td>Hier</td>
<td>stehen</td>
<td>deine</td>
<td>Inhalte</td>
</tr>
</table>
</body>
</html>
Gruß Gernot