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
|
muss ich doch glatt mal testen heute mittag
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 20.09.2011 - 10:28 Uhr verfassten Beitrag. Sollte dieser Beitrag Ihre Rechte verletzen bitten wir um Benachrichtigung.
Geschlossen
)
![# 2.2 ~ 10 - [Sonstige AddOns]](images/open.gif "# 2.2 ~ 10 - [Sonstige AddOns]"){kind=small}
