css: nur ie(alle versionen) stellt formatierung falsch dar
matthias
- css
hallo,
ich habe eine kleine eventliste, welche ich über ein stylesheet formatiere.
die formatierung wird von allen gängigen browsern richtig dargestellt, aber
von keiner internetexplorer version. hierfür habe ich den service
von browsershots.org genutzt.
ich habe keine ahnung, warum alle interentexplorer hier streiken.
die formatierungen .headline und div#eventlist erkennt der ie richtig.
#eventlist day wird z.b. komplett ignoriert. am besten schaut ihr es euch mal selber im ie und firefox zum vergleich an.
oder hier die screenshots:
http://browsershots.org/http://www.flywithoutcry.com/google/eventlist/eventlist.html
meine cssdatei:
.headline{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #05283f;
font-weight: bold;
width: 30em;
background-color: #CCCCCC;
border: 1px #999999 solid;
border-left: none;
border-right: none;
}
div#eventlist{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #05283f;
width: 30em;
background-color: #dbe0e5;
}
left{
display: inline;
float:left;
width: 6em;
}
right{
display: inline;
}
#eventlist day{
text-align:center;
position: relative;
background-color: #CCCCCC;
font-weight: bold;
color: #05283f;
display: block;
border: 1px #999999 solid;
border-left: none;
border-right: none;
left: 1em;
width: 28em;
}
#eventlist event{
position: relative;
background-color: #dbe0e5;
font-weight: normal;
border-bottom: 1px #999999 dashed;
left: 1em;
width: 28em;
display: block;
padding-bottom: 4px;
}
#eventlist lastevent{
position: relative;
background-color: #dbe0e5;
font-weight: normal;
left: 1em;
width: 28em;
display: block;
padding-bottom: 4px;
}
Hi,
die formatierung wird von allen gängigen browsern richtig dargestellt, aber von keiner internetexplorer version.
ich habe keine ahnung, warum alle interentexplorer hier streiken.
Weil du kein XHTML 1.0 Transitional verwendet hast, auch wenn du das per DTD-Angabe vorzuluegen versuchst?
XHTML 1.0 Transitional enthaelt keine Elemente namens event, lastevent, day, left etc. pp.
Fehler beseitigen, dann weitersehen.
MfG ChrisB
danke, nun funktioniert es.