Border mit abgerudeten Ecken

[Maresa P.]

Hallo,

für den Head einer Website möchte ich einen "Kasten" erstellen, welcher abgerudete Ecken hat.

Das CSS zu dieser Klasse sieht momentan so aus:

.head  {
 width : 758px;
 height: 98px;
 border : 1px solid #CC0000;
}

In HTML bekommt das DIV die Klasse zugeweisen:

<div class="head">
... Überschrift...
</head>

Nun möchte ich aber, dass die vier Ecken des "Kastens" (welcher durch border : 1px solid #CC0000; entsteht) abgerudet sind.

Frage: Wie lässt sich soetwas mit CSS realisieren?

Vielen Dank für Euere Hilfe

Maresa P.

[Zeromancer]

Hallo,

für den Head einer Website möchte ich einen "Kasten" erstellen, welcher abgerudete Ecken hat.

Schau doch mal http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/index.htm hier.

Mit freundlichen Grüßen

André

[Marc]

Moin moin

für den Head einer Website möchte ich einen "Kasten" erstellen, welcher abgerudete Ecken hat.

Schau doch mal http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/index.htm hier.

Klar, mit Grafiken geht es natürlich immer!

Gruß,
Marc.

[Zeromancer]

Hallo,

Klar, mit Grafiken geht es natürlich immer!

Was spricht dagegen? Alles andere ist m.E. Utopie für den breiten Einsatz.

Mit freundlichen Grüßen

André

[Marc]

Moin moin

Klar, mit Grafiken geht es natürlich immer!

Was spricht dagegen? (...)

nix

Gruß,
Marc.

[Marc]

Moin moin

Nun möchte ich aber, dass die vier Ecken des "Kastens" (welcher durch border : 1px solid #CC0000; entsteht) abgerudet sind.

Frage: Wie lässt sich soetwas mit CSS realisieren?

So weit ich weiß: nein. Es gibt zwar eine Möglichkeit für den Mozilla, aber das ist kein Standard (haben die mal bei mozilla.org drin gehabt - inzwischen haben die das wieder rausgenommen - sah aber schön aus!)

Gruß,
Marc.

[Jeena Paradies]

Hallo,

Frage: Wie lässt sich soetwas mit CSS realisieren?

In CSS2 ist so etwas noch nicht vorgesehen, aber guck dir mal das an: http://www.alistapart.com/articles/customcorners/

Für Mozilla gibt es
        -moz-border-radius-topleft:50px;
        -moz-border-radius-bottomright:5px;
 http://mozilla.linuxfaqs.de/darst-data/radius.xml

Und in CSS3 wird es dann so was hoffentlich auch geben.

Grüße
Jeena Paradies

[willie.de]

hallö,

nur mal ne kurze frage zu

http://mozilla.linuxfaqs.de/darst-data/radius.xml

gibts auch ein beispiel, das im M$IE anzeigbar ist?

wenn ich den validator recht interpretiere, ist die fehlermeldung des M$IE6 (WinXP):
   "Die Parameterentität muss definiert werden, bevor sie verwendet
   wird. Fehler beim Bearbeiten der Ressource
   'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'."
nicht ganz aus der luft geriffen. (ich habe von XML allerdings keinen schimmer.)

danke für unterstützung und
grüße aus Leipzig
willie

[Jeena Paradies]

Hallo,

http://mozilla.linuxfaqs.de/darst-data/radius.xml
gibts auch ein beispiel, das im M$IE anzeigbar ist?

Nein, natürlich nicht, sonst könnten wir das ja benutzen. Ach so du meinst weil es ein .xml File ist? Ähm naja da ja das CSS im IE sowieso nicht funktioniert ist es egal ob das jetzt als XML oder HTML ausgeliefert wird, er würde es sowieso nicht darstellen.

wenn ich den validator recht interpretiere, ist die fehlermeldung des M$IE6 (WinXP):
   "Die Parameterentität muss definiert werden, bevor sie verwendet
   wird. Fehler beim Bearbeiten der Ressource
   'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'."
nicht ganz aus der luft geriffen. (ich habe von XML allerdings keinen schimmer.)

Ich hab absolut keine Ahnung :)

Grüße
Jeena Paradies

[willie.de]

hallö nochmal,

Nein, natürlich nicht, sonst könnten wir das ja benutzen. Ach so du meinst weil es ein .xml File ist? Ähm naja da ja das CSS im IE sowieso nicht funktioniert ist es egal ob das jetzt als XML oder HTML ausgeliefert wird, er würde es sowieso nicht darstellen.

naja. meine frage war, ob vielleicht im xml-quelltext (für den M$IE) mehr sachen stehen, als mir angezeigt werden. oder ob vielleicht die css-definitionen selbst den fehler verursachen. - beides unwahrscheinlich, das ist mir schon klar. um sicherheit zu haben, frag ich halt.

danke für unterstützung und
grüße aus Leipzig
willie