Robert: Tabelle soll sich an Inhalt in <th rowspan> Zelle anpassen.

Beitrag lesen

Hallo,

hier mal mein Ergebnis: http://812.knu-systems.de/temp/dd.htm

Es ist jetzt einfach eine Tabelle mit 2 Zeilen und 3 Spalten. Wie du siehst ist das Problem die Transparenz der unteren beiden Ecken. Was ebenfalls aufällt ist, dass der Text ziemlich nah an den Rand geht (besonders bei Firefox).

Das Hauptproblem waren aber deine wilden Doctype und Metaangaben am Anfang deiner Datei. Die Angabe "strict" war dann wohl zu strikt und das "UTF-8" liefert für Umlaute nur hübsche Symbole. Für letzteres empfehle ich die Angabe "@charset "ISO-8859-1";" als allererste Zeile in deiner CSS-Datei. (Siehe auch: http://de.selfhtml.org/css/formate/einbinden.htm#separat.)

Was die Tabelle betrifft, so gibt es zwei Möglichkeiten:

1. Für die Webseite kein Hintergrundbild verwenden und die bei box_ul und box_ur die transparenten Stellen die Hintergrundfarbe deiner Website geben oder was ich mehr empfehle

2. Die Bilder box_ul, box_u und box_ur in der Höhe aufsplitten, sodass du je zwei Bilder erhältst. Einmal den unteren Teil des Ausgangsbildes und ein einmal den oberen Teil. Des Verhältnis ist dir überlassen. Danach erweiterst du die Tabelle auf drei Zeilen und fügst die unteren Teile als Bild ein:

|-----------------------------------------------------------------------|
| box_ol als <img> | box_o als <img> und hintergrund | box_or als <img> |
|------------------------------------------------------------------------
| box_l als hinter-| Text                            | wie ganz links,  |
| grund und oberer |                                 | nur mit box_r und|
| Teil von box_ul  |                                 | box_ur           |
| als <img>        |                                 |                  |
|-----------------------------------------------------------------------|
| unterer Teil von | box_u als <img> und hintergrund | wie ganz links   |
| box_ul als <img> |                                 | nur mit box_ur   |
|-----------------------------------------------------------------------|

So sollte es keine Probleme mit der Transparenz geben und der Text kommt auch nicht so dicht an den unteren Rahmen dran.