✔ Box mit abgerundeten Ecken

Status
Nicht offen für weitere Antworten.
nephix

nephix

Mitglied
Hallo,
ich habe versucht die Technik von http://labuschin.com/journal/css/runde-ecken-und-runde-raender-mit-css zu benutzen.
Soweit funktioniert es auch, jedoch bekomm ich nicht die Hintergrundfarbe rein, ohne das die runden Ecken verschwinden.

Ich habe mal ein Screenshot angehängt damit ihr seht, wie es im Moment aussieht.
Weiterhin habe ich den Code + die Bilder als *.zip angefügt.

Ich hoffe von euch hat jemand einen Tipp, wie ich die Hintergrundfarbe (bei meinem Beispiel #996633) richtig in den Code bringe ohne das die runden Ecken verschwinden.

mfg nephix
 

Anhänge

Du benötigst noch ein zusätzliches (äußeres) DIV, das mit der gewünschten Hintergrundfarbe formatiert ist:

HTML: 
<body>
  <div style="background:#996633;width:600px;">
    <div class="round_corners">
      <div>
        <div>
          <div style="padding: 50px;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam at eros consequat massa interdum
            feugiat. Pellentesque blandit. Nunc gravida, augue eget condimentum rutrum, tellus velit aliquam
            dui, eget sodales pede enim id ante. Cras viverra felis eu pede. Nullam eget turpis eu felis
            porta ultricies. Cras convallis erat id enim. Aenean vestibulum pulvinar tellus. Phasellus
            sit amet dolor a sem feugiat ornare. Lorem ipsum dolor sit amet, consectetuer adipiscing
            elit. Praesent sodales ultricies mi. Curabitur ante orci, tincidunt quis, pharetra ut, commodo
            hendrerit, massa. Ut suscipit vestibulum leo. Pellentesque eros dolor, ultrices nec, egestas non,
            blandit quis, augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
            cubilia Curae; Nam in turpis. Proin justo elit, sollicitudin eget, volutpat eu, bibendum ut,
            lorem. Sed vestibulum. Sed tortor. Phasellus pulvinar, orci quis aliquam accumsan, sapien mauris
            placerat dolor, quis scelerisque metus nisi non erat. Duis dui mauris, varius id, nonummy ut,
            blandit non, augue.
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück