Probleme Grafiken

[Beat]

Ein Denkansatz für dich

-------------------
|  Grafik Kopf      |  hier ist das :before Pseudoelement Zuständig
|-------------------|
|    Text und       |
|    Grafik Body    |

Grafik Fuss
-------------------

<div id=content>Überschrift und Text</div>

das CSS

#content {
   width:...;
   margin:...;
   background-image:url(bildbody.jpg);
}
#content:before{
   display:block;
   background-image:url(bildhead.jpg);
   width:...;
   height:...;
}
#content:after{
   display:block;
   background-image:url(bildfoot.jpg);
   width:...;
   height:...;
}

Das heisst, wir haben ganz wenig HTML, aber mit :before und :after die Möglichkeit zusätzliche (virtuelle) Pseudo-Elemente zu erzeugen.

mfg Beat