Hi,

ich weiss, man tut es nicht.. also leere DIVs verwenden. Mir fällt nur ehrlich gesagt für mein aktuelles Problem keine andere Lösung ein. Ich fände es nicht schlimm leere DIVs zu benutzen aber vielleicht fällt ja jemand ein anderer Lösungsweg ein.

Mein Problem:

Rechteck mit abgerundeten Ecken, einem Rand mit Schatten und das ganze hat schräge Linien im Hintergrund.

Wegen dem Hintergrund habe ich mich dazu entschlossen 4 Grafiken zu machen.

eine hat quasi den "Kopf" des Rechtecks sprich beide abgerundete Ecken + ein Stück Hintergrund mit drauf.
Die andere Grafik den unteren Teil und dann noch jeweils eine Grafik von links und rechts.

Mein Code dazu schaut so aus:

  
<div style="position:absolute; left: 100px; top:400px; z-index:2; height: 400px;">  
	<div style="width:289px; position:absolute; top:0px">  
		<img src="oben.png">  
	</div>  
	<div style="width:31px;background-image: url(seitelinks.png); background-repeat: repeat-y; position:absolute; top: 31px; left:0px; float:left; height:338;"></div>  
	<div style="width:31px;background-image: url(seiterechts.png); background-repeat: repeat-y; position:absolute; top: 31px; left:258px; float:left; height:338;"></div>  
	<div style="width:289px; position:absolute; bottom:0px;">  
		<img src="unten.png">  
	</div>  
</div>  

Wie man sieht sind die mittleren Divs leer und das soll man ja angeblich nicht machen. Ich habe mir überlegt die Grafik per img src einzubinden aber mir ist kein Web bekannt grafiken sich wiederholen zu lassen ausser über den Hintergrund. "Großziehen" geht auch nicht weil ja die Querstreifen im Hintergrund sind und die würden ja dann gestreckt werden.

Jemand eine Idee?