Frage stellen
Hab ein kleines Problem mit dem Internet Explorer 8. Bin schon lange verzweifelt am rumprobieren, aber ich komme nicht dahinter warum der IE den Inhalt anders/falsch darstellt.
1. Hintergrundbilder werden nicht angezeigt
2. Die Anordnung der divs geht schief
Hab schon Validator drüber laufen lassen, hat bis jetzt zu keinem Ergebnis geführt.
Das Problem mit der ID und CLASS in einer div,
- Code: Alles auswählen
<div class="blogpost" id="post-135">
sollte doch nicht mehr beim IE8 auftreten!?
Im Kompatibilitätsmodus von IE ist zwar die Anordnung richtig, aber es werden trotzdem die Hintergrundbilder der Artikel nicht angezeigt.
Das ganze ist ein Wordpressdesign, also wenn ihr andere Lösungen habt um die Artikel neben einander laufen zu lassen, nehm ich sie auch gerne an
Vielen Dank schon mal für eure Mühe =)
LINK
Für mehr Details der Link zur kompletten CSS und zur HTML!
CODE
Relevanter CSS-CODE
- Code: Alles auswählen
/* Main Column */
#main {
float: left;
width: 670px;
padding: 0; margin: 0;
display: inline;
}
#main h2 {
padding-bottom: 3px;
margin-top: 15px;
margin-left:8px;
margin-right:6px;
font: normal 1.3em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
color: #fff;
letter-spacing: -1px;
text-transform: none;
background-color:#1B1B1B;
padding:0px;
padding-left:5px;
padding-top:2px;
width:320px;
}
#main h2 a {
color: #fff;
text-decoration: none;
border: none;
}
#main ul li {
list-style-image: url(bullet.gif);
}
div.blogpost { width:330px; height:170px; float:left;}
div.blogimg { width:313px; height:125px; border:#1B1B1B solid 6px; margin-left:8px;cursor: pointer;}
div.blogtitle { width:321px; height:18px; background:#1B1B1B;padding:2px;padding-top:0px; color:#fff; margin-top:-19px; text-align:center;margin-left:8px;}
div.blogtitle a { color:#cccccc;}
Relevanter Html-CODE
- Code: Alles auswählen
<!-- content-wrap starts -->
<div id="content-wrap">
<div id="main">
<div class="blogpost" id="post-135">
<h2><a href="http://cgiant.com/lost-in-space-typography-in-photoshop/" rel="bookmark" title="Permanent Link to Lost in Space Typography in Photoshop">Lost in Space Typography in Photoshop</a></h2>
<div onclick="window.open('http://abduzeedo.com/lost-space-typography-photoshop')" class="blogimg"style="background: url(http://abduzeedo.com/files/imagecache/img690x320/originals/4339331275_5f96f208e4_b.jpg) no-repeat 5%20%"></div>
<div class="blogtitle"><a href="http://abduzeedo.com/lost-space-typography-photoshop" target="window">on abduzeedo.com – by Fabio Sasso </a></div>
</div>
VORSCHAUBILDER
