So erstellen Sie eine "Rounded Corners" für "container".
Beispiel:
http://webdesign-dp.de/pepes-sandbox/pe ... 2010.phtml
In der Firefox Ich habe "Rounded Corners"
In der Ie 8 nicht

Vielen Dank im Voraus für eure Hilfe
Bogdan
Nein, erst ab IE9 gibt es mehr CSS3- SupportChaffinch< wrote:In der Ie 8 nicht
Es ist schade, dass es keine Lösung für dieses Problem.claus wrote:Pepes Lösung arbeitet mit CSS3 und nicht alle Browser unterstützen das. Aber alle neuen Browser sollten "border-radius" unterstützen
Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Nein, erst ab IE9 gibt es mehr CSS3- SupportChaffinch< wrote:In der Ie 8 nicht
Hat das nicht funktioniert? Das ist doch für IE8 und so weiter (IE9 kann es ja)claus wrote:Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Auf dieser Seite funktioniert.claus wrote:Hat das nicht funktioniert? Das ist doch für IE8 und so weiter (IE9 kann es ja)claus wrote:Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Code: Select all
.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
Hi Clausclaus wrote:In Deine frontend-rounded.css:Das heruntergeladene border-radius.htc kommt in /template/inc_css/special/border-radius.htcCode: Select all
.rounded-corners { border:1px solid #dddddd; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* KHTML */ border-radius: 10px; /* CSS3 */ /* für IE */ behavior: url(/template/inc_css/special/border-radius.htc); /* bringen wir dem IE border-radius auch bei*/ }
Fertig. Testen...
claus wrote:In Deine frontend-rounded.css:
.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
Dear Clausclaus wrote:claus wrote:In Deine frontend-rounded.css:
.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
Code: Select all
behavior: url(/template/inc_css/special/border-radius.htc);
Code: Select all
/* =============================================================== */
/* frontend-rounded.css Version: 17.10.2009-18:00 */
/* =============================================================== */
.rounded-corners-top {
border: 1px solid #ddd;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
}
.rounded-corners {
/* background: #e7ebef; */
border: 1px solid #ddd;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
behavior: url(/template/inc_css/special/border-radius.htc);
}
.rounded-corners-bottom {
border: 1px solid #ddd;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
Code: Select all
behavior: url(template/inc_css/special/border-radius.htc);
Code: Select all
behavior: url(special/border-radius.htc);