grafisches fenster aus 9 teilen mit CSS

[Bigmek]

das ich die größe manuell an die grafiken anpassen muss.

Das versteh ich nicht - was musst du manuell anpassen.

die dicke|breite

du machst ja da

  
.box span {  
                                position: absolute;  
                                width: 10px;  
                                height: 10px;  
                        }  
.box .c1 { top:    -10px; left:  -10px; background: #FF0000; }  
.box .c3 { top:    -10px; right: -10px; background: #00FF00; }  
.box .c5 { bottom: -10px; right: -10px; background: #0000FF; }  
.box .c7 { bottom: -10px; left:  -10px; background: #000000; }  
  
.box .c2 { top:    -10px; left:    0px; width:  100%; background: #00FFFF; }  
.box .c4 { top:      0px; right: -10px; height: 100%; background: #FF00FF; }  
.box .c6 { bottom: -10px; left:    0px; width:  100%; background: #FFFF00; }  
.box .c8 { top:      0px; left:  -10px; height: 100%; background: #FF8000; }  
  

und wenn ich jetzt eine grafik habe die nicht 10 pixel breit ist sondern 25 dann muss ich die ganzen styles nochmal machen und für 25px anpassen.
außerdem benützt du einige negativ coordinaten, wehalb ich dort wo ich die box verwende dann auch auzfpassen muss das ich den rand richtig beachte.