im anhang ein bild, was ich meine !

"links" & "rechts" sind statisch, das heißt sie haben bei x-beliebiger zellen breite immer die gleiche größe !

"x" soll wiederholt werden, wie abgebildet.

wie funktioniert das ?

mein code

PHP-Code:

.bottom_bg {
   background-image: ur(left.jpg); 
   background-position: left;
   background-image: url(right.jpg); 
   background-position: right;
   background-repeat: no-repeat; 
} 


allerdings wird ja alles gleich überschrieben !

Versuchs mit Tabellen

Code :

1 2 3 4 5 6 7

<table width="100%"> <tr> <td style="background-image:url(left.jpg);width:300px">&nbsp;</td> <td>Inhalt</td> <td style="background-image:url(right.jpg);width:300px">&nbsp;</td> </tr> </table>

Das alles überschrieben wird ist selbstverständlich... Eine Eigenschaft kann unmöglich zwei Werte haben...

Du kannst Alternativ auch mit Layern arbeiten...

hmm, ich denke wenn einer mit css arbeitet will er um das Tabellendesign herumkommen. css hat wirklich einige Vorteile, ich fanga aber auch gerade erst an von dem Tabellen Abschied zu nehmen.
Wenn ich ne Lösung hab ist se hier drin

Wieso von Tabellen abschied nehmen? CSS war niemals dazu da, Tabellen als solche zu ersetzen! Als Layoutwerkzeug sind sie ne Alternative, aber Tabellen haben auch da große Vorteile. Ich werde weiterhin auf beides setzen...

Zum Thema:
CSS Alternative wäre möglich... Bsp:

Code :

1 2 3 4

<div style="position:absolute;top:0;left:0;height:100%;width:200px;background-image:url(left);">&nbsp;</div> <div style="position:absolute;top:0;right:0;height:100%;width:200px;background-image:url(left);">&nbsp;</div>   <div style="position:absolute;top:0;left:200px;right:200px;">Inhalt</div>

Allerdings hat diese Möglichkeit genau die selben Eigenschaften wie die Tabellen. Tabellen sind aber kürzer und einfacher zu bearbeiten...