Hallo...
...besten Dank für die Antworten - es lag wohl wie PeterF garantierte an dem Plugin 'Witty Text' - jetzt wo es raus ist, scheint der IE keinen Ärger mehr zu machen. Ich hatte es vorgestern erst installiert und hätte eigentlich auch drauf kommen können. Plattdeutsche Zitate bzw. Kommentare sind eben noch nicht valide ;-) bzw. unverständlich...
Monika - danke für den Tip - komprimiert ist das Style nur bedingt. Aber ich teste die ganze Zeit an dem Theme rum - und es ist einiges an CSS-Code zusammengekommen (aktuell: 439 Zeilen) - vielleicht ist das Style auch zu lang und/oder die <div>s im Theme einfach zu sehr verschachtelt?! Die Bilder füge ich nur mittels WP ein, welches automatisch die Grössenangaben im <img>-Tag vornimmt. Ein anderes Problem sind bei mir Formulare - genauer das Suchformular links in der Sidebar - während im Firefox die Grösse ok ist, nimmt das Form. im IE deutlich mehr Platz ein, wirkt höhenmässig irgendwie auseinandergezogen - kann man das umgehen/ändern? Bisher habe ich die <form>-Tags immer an anderer Stelle plaziert/versteckt - irgendwo zwischen den <div>-Tags - ist aber nicht valide...
/* ---> SEITENGRUNDEINSTELLUNG <--- */
body {
font-size: 5px;
color: #445566;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
background-color: #445566;
margin-top: 10px;
}
#page, #header, #navigation {
width: 760px;
}
#page {
background-color: #445566;
}
/* ---> HEADER/Banner <--- */
#header {
width: 760px;
background-repeat:no-repeat;
background-image:url(img/header.gif);
background-position: left;
height: 110px;
}
/* ---> Textnavigation unter Banner <--- */
#navigation {
padding-top: 95px;
}
.navigate, .navigate_bottom, .navigate_left {
width: 100px;
vertical-align: top;
clear: none;
text-align: center;
}
.navigate {
padding-top: 2px;
height: 15px;
float: right;
background-repeat:no-repeat;
background-image:url(img/navigate.gif);
background-position: left;
}
.navigate_bottom {
height: 15px;
padding-top: 2px;
float: left;
background-image:url(img/navigate_b.gif);
background-position: left;
}
.navigate_left {
width: 160px;
float: left;
}
/* ---> Linie unterhalb der Textnavigation/Banner <--- */
#line {
width: 760px;
background-repeat:no-repeat;
background-image:url(img/line.gif);
background-position: left;
height: 10px;
float: left;
}
.navigate_line, .navigate_line_middle, .navigate_line_left {
height: 10px;
}
.navigate_line, .navigate_line_middle {
background-repeat:no-repeat;
background-image:url(img/navigate_w.gif);
background-position: left;
width:100px;
float: right;
}
.navigate_line_middle {
width: 100px;
float: left;
margin-left: 30px;
}
.navigate_line_left {
background-repeat:no-repeat;
background-image:url(img/navigate_l.gif);
background-position: left;
width: 140px;
float: left;
margin-left: 15px;
}
a.block, a.block:hover, a.block_left, a.block_left:hover {
height: 7px;
margin-top: 1px;
margin-bottom: 1px;
}
a.block {
display: block;
margin-left: 2px;
float: left;
width: 96px;
}
a.block_left {
display: block;
width: 130px;
}
a.block:hover, a.block_left:hover {
background-color: #ffffff;
}
a.block:hover {
margin-left: 2px;
float: left;
width: 96px;
}
a.block_left:hover {
width: 130px;
}
/* ---> BODY LINKE & RECHTE SPALTE <--- */
#left, #left_top, .left_m_top, .left_m_middle, .left_m_bottom, #left_bottom, .left_break {
background-position: left;
width: 170px;
float: left;
}
#left {
background-image:url(img/left.gif);
float: left;
}
#left_top {
height:20px;
background-image:url(img/left_top.gif);
background-repeat:no-repeat;
}
.left_m_top {
height:20px;
background-image:url(img/left_m_top.gif);
background-repeat:no-repeat;
}
.left_m_middle {
background-image:url(img/left_m_middle.gif);
padding-bottom: 5px;
}
.left_m_bottom {
height:10px;
background-image:url(img/left_m_bottom.gif);
}
.left_break {
height:5px;
}
#left_bottom {
margin-top: 15px;
height:20px;
width: 170px;
background-image:url(img/left_bottom.gif);
}
#right, #right_top, #right_end, .right_m_top, .right_m2_top, .right_m_middle, .right_m_bottom, #right_bottom, .right_break {
width: 590px;
float: right;
background-position: left;
}
#right {
background-image:url(img/right.gif);
}
#right_top {
height:20px;
background-image:url(img/right_top.gif);
background-repeat:no-repeat;
}
.right_m_top {
height:20px;
background-repeat:no-repeat;
background-image:url(img/right_m_top.gif);
}
.right_m2_top {
height:20px;
background-repeat:no-repeat;
background-image:url(img/right_m2_top.gif);
}
.right_m_middle {
padding-top: 10px;
padding-bottom: 5px;
background-image:url(img/right_m_middle.gif);
}
.right_m_bottom {
height:10px;
background-image:url(img/right_m_bottom.gif);
background-repeat:no-repeat;
}
.right_break {
height:5px;
width: 590px;
}
#right_bottom {
margin-top: 15px;
height:20px;
background-image:url(img/right_bottom.gif);
background-repeat:no-repeat;
}
#right_end {
padding-top: 2px;
background-color: #445566;
text-align: right;
}
/* ---> TEXTFORMAT <--- */
.font_left, .font_le, .font_right, .font_ri, .font_head, .font_c, a:link, a:visited, a:hover, a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 10px;
color: #445566;
font-size: 10px;
font-weight: bold;
}
.font_left {
padding-top: 2px;
margin-left: 25px;
margin-right: 25px;
}
.font_le {
margin-left: 25px;
margin-right: 25px;
}
.font_right {
padding-top: 2px;
margin-left: 30px;
margin-right: 30px;
}
.font_ri {
padding-bottom: 5px;
font-size: 11px;
margin-left:60px;
margin-right:60px;
text-align: justify;
font-weight: normal;
}
.font_ri a:link, .font_ri a:visited, .font_ri a:hover, .font_ri a:active {
font-size: 11px;
}
div.font_ri a[href^="http"] {
background: url(img/offsite.gif) no-repeat center right;
padding-right: 10px;
}
div.font_ri a[href^="http://gardena.informatik.uni-oldenburg.de:1978/"],
div.font_ri a[href^="http://www.gardena.informatik.uni-oldenburg.de:1978/"],
div.font_ri a[href^="http://megaphones.de"],
div.font_ri a[href^="http://www.megaphones.de"] {
background: transparent;
padding-right: 0px;
}
div.font_ri a:link,
div.font_ri a:visited,
div.font_ri a:hover,
div.font_ri a:active {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
.font img {
border:1px solid #445566;
}
.font img:hover {
border:1px solid #ff9900;
}
.font_head {
font-size: 10px;
height: 15px;
border-bottom: 1px solid #e0e0e0;
margin-top: 30px;
margin-bottom: 10px;
}
.font_head a:link, .font_head a:visited, .font_head a:hover, .font_head a:active {
font-size: 10px;
}
.font_c {
font-size: 11px;
border: 1px solid #d0d0d0;
padding: 10px;
background-color: #f9f9f9;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 35px;
margin-right: 45px;
text-align: justify;
font-weight: normal;
}
.left, .right {
vertical-align: top;
}
.right {
float: right;
text-align: right;
}
.left {
float: left;
text-align: left;
}
/* ---> TEXTFORMAT LINKS<--- */
a:link, a:visited, a:hover, a:active {
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #ff9900;
}
/* ---> FORMULARE <--- */
.form {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}
.form_s, .button_s, .conform, .contacterror, .conbutton {
margin-top: 5px;
width: 200px;
font-size: 11px;
color: #EEEEEE;
background-color:#556677;
border: 1px solid #d0d0d0;
}
.contacterror {
border: 1px solid #ff9900;
}
.conbutton {
width: 75px;
}
.form_s {
width: 80px;
}
.button_s {
width: 30px;
}
/* ---> KALENDER <--- */
.cal_row {
width: 126px;
height: 12px;
margin-bottom: 5px;
font-size: 10px;
text-align: justify;
}
.cal_cal, .cal_caled, .leer {
float: left;
width: 15px;
font-size: 10px;
margin-right: 1px;
border:1px solid #eeeeee;
}
.cal_cal, .leer {
border:1px solid #eeeeee;
}
.leer {
color: #ffffff;
}
.cal_caled {
border:1px solid #445566;
}
/* ---> BILDER <--- */
.img_l img, .img_r img {
border:1px solid #445566;
margin-top: 0px;
margin-bottom: 10px;
padding: 5px;
}
.img_l img {
float: left;
margin-right: 10px;
}
.img_r img {
float: right;
margin-left: 10px;
}
.img_l img:hover, .img_r img:hover, #flickr img:hover {
border:1px solid #ff9900;
}
#feed img {
margin-bottom: 2px;
}
.attachment img {
padding: 4px;
}
Alles anzeigen