Einzelnen Beitrag anzeigen

Andreas L.
(Gast)

n/a Beiträge
 
#1

[HTML, CSS] Ecke realisieren

  Alt 29. Jun 2007, 15:37
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
Miniaturansicht angehängter Grafiken
scrollbar_imweg_967.png  
  Mit Zitat antworten Zitat