Theme beim IE

patsy

Ich habe mir hier erst einige Threads dazu durchgelesen und auch dieses w3c gemacht (wobei der mir da Fehler anzeigt, die gar nicht da sind:confused:)
Nun ja, jedenfalls ist mein Problem, dass mein Theme wunderbar beim Firefox angezeigt wird, aber beim IE egal welcher, es völlig zerfetzt aussieht. Ich hab das Theme mal aktiviert und vielleicht weiß ja hier jemand eine (für mich verständliche) Erklärung?:oops:

Blogcafe Berlin

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

patsy

P.S.: Ich zeig euch mal die dazu gehörige CSS:

PHP

#wrapper {
width : 100%;
margin : 0;
}
#masthead {
width : 950px;
height : 253px;
margin : 0 auto;
color : #656d79;
}
#menu {
margin : 0px;
padding-top : 15px;
padding-bottom : 15px;
padding-right : 15px;
padding-left : 25px;
text-align : left;
font-family : "Trebuchet MS", Times New Roman, Georgia, Arial, serif;
font-size : 1.3em;
vertical-align : bottom;
}
#menu a:link {
color : #503926;
text-decoration : none;
font-weight : bold;
}
#menu a:visited {
color : #ffffff;
text-decoration : none;
}
#menu a:hover {
color : #000;
text-decoration : none;
border-bottom : 2px solid #ffffff;
}
.right {
float : right;
padding-top : 0;
padding-right : 10px;
}
.left {
float : left;
padding-top : 0;
padding-left : 10px;
}
.commentBox p {
padding-top : 0;
margin-top : 0;
}
body {
background : #ffffff url(bg.png) top center;
background-repeat : no-repeat;
margin : 0;
padding : 0;
font-family : Arial, Georgia, "Times New Roman", serif;
font-size : 12px;
letter-spacing : 0;
line-height : 1.5em;
text-align : center;
color : #000000;
}
a:link {
color : #35546a;
text-decoration : none;
}
a:visited {
color : #4b8891;
text-decoration : none;
}
a:hover {
color : #63a2ab;
text-decoration : none;
}
a img {
border-width : 0;
border : 0;
}
#header {
margin-top : 0;
margin-top : 0;
margin :  10px;
border : 1px solid #ccc;
}
.logo {
display : block;
position : absolute;
width : 988px;
}
h5.logo-name,  h5.logo-name a, h5.logo-name a:link, h5.logo-name a:visited, h5.logo-name a:hover {
display : block;
text-align : center;
font-family : "Edwardian Script ITC", Arial, Helvetica, Sans-Serif;
font-size : 78px;
font-style : normal;
font-weight : normal;
text-decoration : none;
padding : 0;
margin : 0;
color : #000000 ;
}
.logo-text, .logo-text a {
display : block;
padding : 0;
margin : 0;
text-align : left;
font-family : "Georgia", Arial, Helvetica, Sans-Serif;
font-size : 20px;
font-style : normal;
font-weight : normal;
color : #000000 ;
}
#content {
background : #ffffff;
color : #000000;
width : 1010px;
margin : 0 auto;
text-align : justify;
}
#main {
padding-right : 20px;
padding-left : 20px;
width : 500px;
float : left;
border-right : 1px solid #eee;
}
#main2 {
margin : 0;
width : 500px;
float : left;
border-right : 1px solid #eee;
}
#sidebarheader {
margin-top : 0.5em;
width : 400px;
}
#rightbar {
margin-top : 0.5em;
width : 200px;
}
#leftmenu {
margin-top : 0.5em;
width : 200px;
padding-left : 10px;
}
.sideText, input {
font-family : tahoma, serif;
font-size : 8pt;
}
select {
font-family : tahoma, serif;
font-size : 8pt;
}
h2 {
margin : 2.3em 0 0.75em;
margin-top : 42px;
padding-top : 6px;
padding-bottom : 6px;
font : 1.4em Georgia, "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
letter-spacing : 0;
color : #35546a;
border-bottom : 1px solid #eee;
text-decoration : none;
}
h3 {
margin : 2.3em 0 0.75em;
margin-top : 42px;
padding-top : 6px;
padding-bottom : 6px;
font : 1.4em Georgia, "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
letter-spacing : 0;
color : #000;
border-bottom : 1px solid #eee;
text-decoration : none;
background-image : url(BlockHeader.png);
}
.date-header {
margin : 1.5em 0 0.5em;
}
.post {
margin : 0.5em 0 1.5em;
border-bottom : 0 dotted #e6e1de;
padding-bottom : 1.5em;
}
.post-entryinfo {
font : 1em "Georgia", Trebuchet MS, Arial, Verdana, Sans-serif;
color : #000000;
}
.post-title {
margin : 2.5em 0 0.75em;
padding : 2px;
font : 1.4em Georgia, "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
letter-spacing : 0;
color : #000;
border-bottom : 1px solid #eee;
text-decoration : none;
font-weight : bold;
}
.post-excerpt {
font-family : Georgia, serif;
font-size : 22px;
line-height : 30px;
color : #595959;
background : #fff url(quote.gif) no-repeat;
}
.post-title a, .post-title a:visited, .post-title strong {
font : 1.2em Georgia, "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
display : block;
color : #35546a;
text-decoration : none;
}
.post-title strong, .post-title a:hover {
color : #333;
}
.post div {
margin : 0 0 0.75em;
line-height : 1.6em;
}
p.post-footer {
margin : -0.25em 0 0;
color : #000000;
padding-bottom : 7px;
padding-top : 3px;
}
.post-footer-border {
border-bottom : 1px solid #eee;
}
.post-footer em, .comment-link {
font : 1.5em "Georgia", Trebuchet, Arial, Verdana, Sans-serif;
}
.post-footer em {
font-style : normal;
font-family : Georgia, serif;
color : #808080;
margin-right : 0.6em;
}
.post-footer a, .post-footer a:visited, .post-footer strong {
color : #326363;
text-decoration : none;
font-style : italic;
}
.post-footer strong, .post-footer a:hover {
color : #81b5bd;
border-bottom : 2px solid #326363;
text-decoration : none;
font-style : italic;
}
.comment-link {
margin-left : 0.6em;
}
.post blockquote {
background-color : #f1f1f1;
margin : 0 0;
padding : 0 10px;
border-top : 2px solid #dbdbdb;
}
.post blockquote p {
margin : 0.75em 0;
}
.post li {
margin-left : 10px;
text-indent : 0;
line-height : 1.5em;
list-style : disc;
color : #35546a;
}
#comments h4 {
margin : 1em 0;
font : bold 78%/1.6em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
text-align : justify;
letter-spacing : 0.2em;
color : #999;
}
#comments h4 strong {
font-size : 130%;
}
#comments-block {
margin : 1em 0 1.5em;
line-height : 1.6em;
}
#comments-block dt {
margin : 0.5em 0;
}
#comments-block dd {
margin : 0.25em 0 0;
}
#commentform textarea {
width : 100%;
}
#comments-block dd.comment-timestamp {
margin : -0.25em 0 2em;
font : 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
letter-spacing : 0.1em;
}
#comments-block dd p {
margin : 0 0 0.75em;
}
.deleted-comment {
font-style : italic;
color : gray;
}
#left-menu {
float : left;
padding-right : 20px;
color : #000000;
margin-right : 20px;
margin-left : 20px;
font-size : 12px;
width : 200px;
border-right : 1px solid #eee;
}
#left-menu a {
color : #326363;
text-decoration : none;
font-weight : normal;
}
#left-menu a:hover {
color : #81b5bd;
border-bottom : 2px solid #63a2ab;
}
#left-menu ul {
padding : 0;
margin : 0;
}
#left-menu li {
padding : 0 0 2px 0;
margin-left : 1px;
color : #000000;
list-style-type : square;
list-style-image : url('arrow.png');
}
#rightbar {
float : left;
padding : 0;
color : #000000;
margin-top : 0;
margin-right : 0;
margin-left : 0;
font-size : 12px;
width : 200px;
}
#rightbar a {
color : #326363;
text-decoration : none;
font-weight : normal;
}
#rightbar a:hover {
color : #81b5bd;
border-bottom : 2px solid #326363;
text-decoration : none;
font-weight : normal;
}
#rightbar ul {
padding : 0;
margin : 0;
}
#rightbar li {
padding-left : 1px;
margin : 0;
list-style-type : square;
list-style-image : url('arrow.png');
}
#rightbar img {
padding-right : 8px;
}
#sidebarheader {
padding : 0;
color : #000000;
margin-top : 0;
margin-right : 0;
margin-left : 0;
font-size : 12px;
width : 400px;
}
#sidebarheader a {
color : #326363;
text-decoration : none;
font-weight : normal;
}
#sidebarheader a:hover {
color : #81b5bd;
border-bottom : 2px solid #326363;
text-decoration : none;
font-weight : normal;
}
#sidebarheader ul {
padding : 0;
margin : 0;
}
#sidebarheader li {
padding-left : 1px;
margin : 0;
list-style-type : none;
}
#sidebarheader img {
padding-right : 8px;
}
#footer a:link {
color : #4b8891;
text-decoration : none;
}
#footer a:visited {
color : #4b8891;
text-decoration : none;
}
#footer a:hover {
color : #000000;
text-decoration : none;
border-bottom : 2px solid #4b8891;
}
#footer hr {
display : none;
}
#footer p {
margin : 0;
padding-top : 15px;
font : 78%/1.6em "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
text-transform : uppercase;
letter-spacing : 0.1em;
}
.twitter-timestamp {
font-size : 10px;
}
#flickr_badge_recent {
text-align : center;
}
#flickr_badge_recent img {
width : 52px;
height : 52px;
padding : 4px;
margin : 2px;
border : 1px solid;
border-color : #ececec;
background-color : #fff;
}
a#fbutton {
position : fixed;
right : 0;
bottom : 0;
text-decoration : none;
text-indent : -999em;
height : 100px;
width : 100px;
background : url(http://www.blogwiese.de/button/s_firefox_blue.png) no-repeat bottom right;
display : block;
}
.recentcomments_gravs img, .recentcomments img {
float : none !important ;
}
a.liexternal {
padding-right : 12px;
background : url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
padding-right : 13px;
background : url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liwp {
padding-right : 16px;
background : url(images/link-icon_wordpress.png) no-repeat right;
}
a.liftp {
padding-right : 13px;
background : url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
padding-right : 18px;
background : url(images/link-icon_mail.gif) no-repeat right;
}
a.lipdf {
padding-right : 12px;
background : url(images/link-icon_pdf.png) no-repeat right;
}
a.lizip {
padding-right : 12px;
background : url(images/link-icon_zip.png) no-repeat right;
}
#wp_grins img {
cursor : pointer;
}

Alles anzeigen

spickzettel

Erst einmal sollte der Tag bei der Überschrift wieder geschlossen werden:

HTML

<h5 id="name-text" class="logo-name"><a href="http://blogcafe-berlin.de/"><img src="http://blogcafe-berlin.de/wp-content
...
</h5>

Dann kann man weiter sehen...

patsy

Ich weiß jetzt nicht, ob ich die richtige Stelle gefunden habe (header.php?), aber da hab ich´s jetzt mal geändert, brachte aber beim IE nichts :(

spickzettel

Also ich sehe die Änderung nicht. Es gibt aber sowieso noch eine Menge mehr Fehler: [Invalid] Markup Validation of http://blogcafe-berlin.de/ - W3C Markup Validator

patsy

Sorry, hatte das gestern total verpeilt, war schon zu lange dran und deshalb unkonzentriert. Jetzt hab ich den Abschluss </h5> reingemacht und es ist alles okay, außer beim IE 6, aber das juckt mich jetzt nicht sonderlich, denn die, die überhaupt noch IE nutzen, updaten regelmäßig ;-)

Diesen Test hab ich ja auch gemacht, aber der zeigte mir Fehler an, die überhaupt nicht da waren. Grade bei Sachen, die in der sidebar drin sind, wie u.a. das > beim Microcrounter, sind so, wie sie sein sollten, sprich die > ist an der Stelle. :confused:

spickzettel

Der erste Fehler:

Die Reihenfolge von

HTML

</h5>
</div>

müsste umgedreht werden.

patsy

Brav geändert (und diesmal richtig :mrgreen: )

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme beim IE

Jetzt mitmachen!