[HTML, CSS] Ecke realisieren

[Andreas L.]

Hi,
ich versuche mit folgenden Code eine Ecke zu erstellen. Klappt auch optimal. Doch rechts von der Ecke muss ein Farbverlauf fortgesetzt werden. Und jetzt bekomme ich ständig horizontale Scrollbars. Die Breite des Farbverlaufs kann ich natürlich nicht hardcoden, weil sich die Fensterbreite ändern kann.

HTML-Schnipsel:

XML-Code:

 <div class="contentedge">

  <div class="contentbottom">

   blabla

  </div>

 </div>

CSS-Schnipsel:

Code:

body
 {
   background-color: #ffffff;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10pt;
   margin: 0px;
   margin-left: 50px;
 }

...
...

div.contentbottom
 {
   margin-left: 16px;
   background-image: url(../images/bodybottom.png);
   background-repeat: repeat-x;
   min-height: 16px;
   height: 16px;
   line-height: 16px;
   width: -16px;
 }

div.contentedge
 {
   background-image: url(../images/bodyedge.png);
   background-repeat: no-repeat;
   min-height: 16px;
   background-position: left;
   margin-left: 50px;
 }

Im Anhang ist ein Screenshot wie es derzeit aussieht. Ich will das sich die Breite immer anpasst. Der Scrollbalken muss weg...

Schonmal Danke