josDesign
Erfahrenes Mitglied
Hallo ich habe eine kleine Teaseransicht für Termine auf der Startseite.
Folgender Code:
Die CSS-Definitionen:
Problem:
Screenshot
FRAGE:
An welchen Definitionen liegt es, dass es im IE so anders angezeigt wird?
Ich habe schon gesucht, jedoch nichts gefunden.
Vielleicht hat jemand einen tipp? mit bestem Dank im Voraus,
jos
Folgender Code:
HTML:
<!-- CONTENT ELEMENT, uid:76/list [begin] -->
<a name="anker76" id="anker76"></a>
<!-- Plugin inserted: [begin] -->
<!--
BEGIN: Content of extension "ke_yac", plugin "tx_keyac_pi1"
-->
<div class="tx-keyac-pi1">
<div class="cal-teaser">
<div class="header">Unsere nächsten Termine</div><ul><li><a href="no_cache/termine/kalender/start/parkfest-der-ff-krumbach.html"><span class="wann">12.08.2007 14:00</span><br /><span class="wo">Krumbach i.d. Buckligen Welt</span><br /><span class="was">Parkfest der FF Krumbach</a></li><li><a href="no_cache/termine/kalender/start/burschen-kirtag.html"><span class="wann">01.09.2007</span><br /><span class="wo">7021 Draßburg</span><br /><span class="was">Burschen-Kirtag</a></li><li><a href="no_cache/termine/kalender/start/harmonika-musikantentreffen.html"><span class="wann">30.09.2007</span><br /><span class="wo">2851 Krumbach / Museumsdorf</span><br /><span class="was">Harmonika & Musikantentreffen</a></li></ul></div>
</div>
<!-- END: Content of extension "ke_yac", plugin "tx_keyac_pi1" -->
<!-- Plugin inserted: [end] -->
<!-- CONTENT ELEMENT, uid:76/list [end] -->
Code:
/* Kalender - TeaserView */
.tx-keyac-pi1 .cal-teaser {
border:0px solid #f3c107;
width:180px;
line-height:1.2;
padding-bottom:0.3em;
}
.tx-keyac-pi1 .cal-teaser .header {
display:block;
color:#f3c107;
vertical-align:middle;
background-image:url(images/icon-rot-gr.gif);
background-position: right center;
background-repeat:no-repeat;
font-weight:bold;
line-height:1.6em;
font-size:1em;
letter-spacing:0.07em;
height:1.7em;
padding-left:0.6em;
margin-bottom:0.1em;
}
div.tx-keyac-pi1 div.cal-teaser ul li {
list-style-image: url(http://www.krumbacher-spitzbuam.at/fileadmin/grafiken/listenNote2keineTrans.png);
padding-bottom:3px;
border-bottom: 1px dotted #f3c107;
}
div.tx-keyac-pi1 div.cal-teaser ul {
padding-left:25px;
}
.tx-keyac-pi1 .cal-teaser ul li a .wann { color:yellow; letter-spacing:0.05em; font-size:0.9em; font-weight:bold;}
.tx-keyac-pi1 .cal-teaser ul li a .wo { color:yellow; font-weight:normal; font-size:0.8em; line-height:1.6em;}
.tx-keyac-pi1 .cal-teaser ul li a .was { color:#f3c107; letter-spacing:0.03em;}
.tx-keyac-pi1 .cal-teaser a:link,
.tx-keyac-pi1 .cal-teaser a:visited {
text-decoration:none;
font-weight:normal;
}
Problem:
Screenshot
FRAGE:
An welchen Definitionen liegt es, dass es im IE so anders angezeigt wird?
Ich habe schon gesucht, jedoch nichts gefunden.
Vielleicht hat jemand einen tipp? mit bestem Dank im Voraus,
jos