Hallo ihr ;-)
Nächster Blog - nächstes Problem. Wenn ihr Zeit habt, schaut Euch doch bitte mal http://www.oropax.de.ki einmal mit nem Modzilla-Browser und einmal mit IE an... Sobald ich im IE mit dem Mauszeiger über Links gehe, verschwindet ein Teil meines storycontent-Hintergrundes.
Den Hintergrund für die Überschrift des oberen Beitrages zeigt er gar nicht, oder nur manchmal an... ein System hinter dieser Willkür hab ich noch nicht entdeckt. Das Style basiert auf dem Windstorm-Theme
Danke schön!
Liebe Grüße,
Mama
Hier die CSS-Datei:
Code
/*** Blog specific formatting ***/
.storytitle span.titlelinks{
text-align: right;
font-weight: normal;
font-size: 10pt;
}
.storycontent {
margin-top: 6px;
margin-left: 15px;
background-color: white;
border: 1px solid #D2D2D2;
padding: 6px;
}
.postdate {
background-color: #fcfcfc;
font-weight: bold;
border-left: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
border-right: 2px solid #D2D2D2;
border-bottom: 2px solid #D2D2D2;
margin-left: -15px;
padding: 2px;
}
.postdate span[title] {
border-style: none;
}
#commentlist li{
background-color: #fff;
padding: 6px;
border: 1px solid #D2D2D2;
list-style-type: none;
margin-top: 15px;
margin-bottom: 15px;
}
#commentlist li img.gravatar{
border-left: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
border-right: 2px solid #D2D2D2;
border-bottom: 2px solid #D2D2D2;
margin-left: -15px;
position: relative;
float: left;
}
.comment-body p{
margin-left: 6px;
padding-left: 10px;
}
.comment-body .comment-author {
font-family: Georgia, Times New Roman, Serif;
font-size: 14pt;
}
/*** Global ***/
html {
font-family: Verdana, Helvetica, Arial, Sans-Serif;
font-size: 0.9em;
}
body {
background-color: #970000;
text-align: center;
margin: 0;
padding: 0;
}
a {
color: #567C9D;
text-decoration: none;
}
a:hover {
color: #F3EFE3;
background-color: #567C9D;
}
a img {
border-style: none;
}
.image a {
border-style: none;
background: transparent;
}
acronym, abbr, span[title] {
cursor: help;
border-bottom: 1px dotted;
}
blockquote {
background-color: #F4F4F4;
border: 1px solid #D2D2D2;
padding: 4px;
}
fieldset {
background-color: white;
border: 1px solid #D2D2D2;
padding: 4px;
}
h2, h3, h4 {
font-family: Georgia, Times New Roman, Serif;
color: #a70000;
}
input, textarea {
margin-top: 12px;
}
ul {
}
ul li {
list-style-type: circle;
list-style-image: url(./images/list-circle.png);
margin-left: -15px;
}
/*** Main Container ***/
#container {
font-size: 9pt;
background-color: #F3EFE3;
border-left: 3px solid #810101;
border-bottom: 3px solid #810101;
border-right: 3px solid #810101;
margin: 0 auto;
text-align: left;
position: relative;
width: 800px;
height: 100%;
padding: 0;
}
/*** Header ***/
#header {
height: 187px;
background-image: url(./images/header.jpg);
background-repeat: no-repeat;
}
#spaceheader {
width: 800px;
height: 163px;
position: relative;
float: left;
}
/** Nav bar **/
#header #nav {
padding-right: 20px;
padding-bottom: 5px;
margin-bottom: 0px;
display: block;
text-align: right;
}
#header #nav a {
font-family: Verdana, Helvetica, Arial, Sans-Serif;
font-weight: bold;
text-transform: uppercase;
border-style: none;
color: #A70000;
text-decoration: none;
font-size: 9pt;
}
#header #nav a:hover {
color: #FE9F35;
background-color: #A70000;
}
/*** Main Content Area ***/
#content #getfirefox {
border: 1px solid black;
background-color: #AE042A;
}
#content #getfirefox h3 {
color: #fff;
}
#content {
color: #525f62;
position: relative;
top: 0;
left: 0;
height: 100%;
width: 550px;
padding: 10px;
float: left;
}
#space {
height: 30px;
text-align: center;
}
/* Section blocks */
#content .blok {
margin-top: 6px;
margin-left: 15px;
background-color: white;
border: 1px solid #D2D2D2;
padding: 6px;
}
#content a:hover {
background-color: #567C9D;
}
#content h2 {
background-color: #E9E9E9;
border-bottom: 1px solid #D2D2D2;
border-right: 1px solid #D2D2D2;
padding: 4px;
}
#content h2:before, #content h3:before {
content: "* ";
}
/*** Sidebar ***/
#sidebar {
font-size: 8pt;
position: relative;
height: 100%;
float: right;
top: 0;
right: 0;
width: 200px;
}
#sidebar ul {
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
}
#sidebar a {
border-style: none;
}
#content h2 {
font-size: 20px;
}
#sidebar h2 {
font-size: 15px;
}
#sidebar h3 {
font-size: 13px;
}
#empfehlung img {
padding-left: 15px;
}
/*** Footer ***/
#footer {
font-size: 10px;
color: #810101;
padding: 4px;
background-color: #FE9F35;
}
#footer a, #footer a:hover {
border-style: none;
}