Hallo zusammen,
folgendes Problem: Der Kalender wird im Firefox, IE8 und Opera ok angezeigt, nicht aber in Google Chrome und Safari.
So sieht der Kalender im Firefox und IE8 aus:
http://www.goneforawhile.net//pics_tmp/Kalender_ok.jpg
und so im Safari und Google Chrome:
http://www.goneforawhile.net//pics_tmp/Kalender_notok.jpg
das CSS-File (weitgehend unverändert zum orig. Template) sieht so aus:
HTML
/* calendar */
#wp-calendar {color: #A0A0A0;}
.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
border-bottom-color: #000;
color: #330000; /* war: #A53512 */
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
border-color: #000;
color: #CC0000; /* war: #A53512 */
}
.col2 .right table td a {
border-bottom-color: #000;
background-color: #EDF3DE;
}
.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}
/* calendar
--------------------------------------------------*/
#wp-calendar {
display: inline-table;
border-collapse: collapse;
width: 232px; /* changed from 185px; adjusts width of calenderin sidebar */
margin: 0px 10px 1 10px;
text-align: center;
}
.col2 .right table caption {
margin: -5px 10px 0 10px;
padding-top: 7px; /* added line; adjusts space from headline to top of calendar */
padding-bottom: 5px;
border-bottom: 1px solid;
letter-spacing: 0.1em;
}
.col2 .right table thead tr {border-bottom: 1px solid;}
.col2 .right table th {border-bottom: 1px solid;}
.col2 .right table td {
width: 225px; /* maximize width; honestly, I don't know much about tables... - orig.: 225px */
padding: 1px;
font-size: 0.9em;
}
.col2 .right table td#today {
padding: 0;
border: 1px solid;
font-size: 1em;
font-weight: bold;
}
.col2 .right table td a {
display: block;
border-bottom: 1px solid;
font-weight: bold;
font-size: 1.15em;
}
.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
border: none;
font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}
wenn ich in dieser Zeile:
[COLOR=red].col2 .right table thead tr {border-bottom: 1px solid;}[/COLOR]
padding-top: px; hinzufüge, dann kann ich die Linie in Chrome und Safari zwar nach oben verschieben, allerdings ist die dann im Firefox und IE8 zu weit oben!
Hat jemand eine Idee wie man das Problem lösen könnte?
Schöne Grüße,
gfaw