Zitat
Original geschrieben von IcE JaCk
Mir ist aufgafellen das im IE die Kanten der Banner nicht abgerundet dargestellt werden.
Im FF jedoch wohl. Es liegt wohl daran das du im css mit Radien arbeitest , oder?
geht das mit dem css Code nicht besser? Denn mit deisem Code werden auch im IE ohne weiteres Kanten Rund angezeigt.
So sieht der Code aus:
| |
CSS - Code Anfang: (12 Zeilen) | Code markieren
|
1
2
3
4
5
6
7
8
9
10
11
12 |
|
|
<div class="box">
<b class="top">
<b class="r1"></b><b class="r2"></b>
<b class="r3"></b><b class="r4"></b>
</b>
<h1>Runde Ecken</h1>
<p>Runde Ecken ohne Bilder.</p>
<b class="bottom">
<b class="r4"></b><b class="r3"></b>
<b class="r2"></b><b class="r1"></b>
</b>
</div>
|
|
|
|
| |
CSS - Code Ende: (12 Zeilen) | Code markieren
|
Und das dazugehörige CSS-Script:
| |
CSS - Code Anfang: (12 Zeilen) | Code markieren
|
1
2
3
4
5
6
7
8
9
10
11
12 |
|
|
.box { width: 15em; background: #9BD1FA;}
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#ffffff; }
.box .top, .box .bottom{display:block;background: #dddddd;}
.box .top b, .box .bottom b
{
display:block;height: 1px; overflow: hidden; background: #9BD1FA;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}
|
|
|
|
| |
CSS - Code Ende: (12 Zeilen) | Code markieren
|
Also ich habe des mal getestet für eine einmalige darstellung kann man es nutzen nur für z.B: des neue AddOn pk[HB] Hinweis Boxen ist es total ungeeignet.
Da müssen wohl oder übel die User die mit IE unterwegs sind mit den geraden Kanten leben.
Der Aufwand lohnt nicht für 3% aller User die mit IE unterwegs sind.
Das verlinkte Bild http://www.pimpyourkit.de/images/banner/siguser_1.gif existiert nicht mehr bzw. wurde falsch verlinkt!
Die Betreiber und die Moderatoren dieser Community distanzieren sich hiermit ausdrücklich von dem oben genannten Autor am 12.10.2011 - 18:25 Uhr verfassten Beitrag. Sollte dieser Beitrag Ihre Rechte verletzen bitten wir um Benachrichtigung.
Geschlossen
