Forum

(CSS) DIV Runde Ecken mit BG Farbe

Rund um die Gestaltung von Webseiten

(CSS) DIV Runde Ecken mit BG Farbe

Beitragvon Gehm am 19.01.12 15:27

Hallo,

ich habe eine DIV "Footer" die Runde ecken bekommen soll.
Die Footer DIV ist in der DIV "Mein_Body" der den Hintergrund #FFFFFF hat.
doch mein Body hat den Hintergrund. #dce9f7 (das ist ein Blau)

mein problem nun ist wenn ich den Footer Runde Ecken unten L & R gebe habe ich den BG der Box Mein_Body was ja eigendlich auch richtig ist, ich hätte da gerne den BG vom Body wie kann ich das denn machen?

einen Weblink kann ich nicht geben da ich das alles lokal auf dem Rechner habe.

doch hier habe ich mal meinen Code zusammen getragen:

CSS:
Code: Alles auswählen

body
   {
   background:    #dce9f7;
   color:         #515151;
   font-family:   Georgia, "Times New Roman", Times, serif;
   font-size:     80%;
   }
#mein_body
   {
   width:          960px;
   position:       relative;
   margin:         10px auto 0px auto;
   background:     #FFF;
   }
#footer
   {
   margin:         0px auto;
   width:          100%;
   overflow:       hidden;
   font:           14px;
   background-color: #1e69a3;
   color:          #fff;
   -moz-border-radius-topleft:         0px;
   -moz-border-radius-topright:        0px;
   -moz-border-radius-bottomright:     10px;
   -moz-border-radius-bottomleft:      10px;
   -webkit-border-radius:             0px 0px 10px 10px;
   border-radius:                     0px 0px 10px 10px;
   }


HTML:
Code: Alles auswählen
<body>
...
   <div id="wrap">
            ...
           <div id="footer">Das ist der Inhalt vom Footer</div>
   </div>
...
<body>


über Anregungen freue ich mich sehr, wenn möglich möchte ich keine Bilder verwenden sondern alles über CSS machen wie gesagt wenn es möglich ist.

unten_Rechts.png
Das ist das Eck unten Rechts das Rote habe ich dazu gemacht das man siht wo man hin schauen sol ;-), das Weise was sich dort abzeichnet soll in den Hintergrund vom Body wie bekomme ich das hin?
unten_Rechts.png (543 Bytes) 58-mal betrachtet
Benutzeravatar
Gehm
Fun-Master
 
Beiträge: 885
Registriert: 28.03.06 14:35

Re: (CSS) DIV Runde Ecken mit BG Farbe

Beitragvon hoerbert am 19.01.12 22:03

Ich befürchte da muss man tricksen... Klappt das vielleicht, wenn man die Ecken von "Mein_Body" einfach auch abrundet?
Grüße

Torben

| http://www.wense-city.de | Live-Support im IRC (#funpic @ quakenet) |
Kein Support per PM oder IM ohne Einladung!
Benutzeravatar
hoerbert
Moderator
 
Beiträge: 4583
Registriert: 18.01.05 15:37
Wohnort: Wense

Re: (CSS) DIV Runde Ecken mit BG Farbe

Beitragvon Gehm am 20.01.12 00:42

he he,

danke das war der richtige Tipp warum ich nicht selbst drauf gekommen bin.

Danke danke Danke.
Benutzeravatar
Gehm
Fun-Master
 
Beiträge: 885
Registriert: 28.03.06 14:35


Zurück zu HTML & CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast