Moin,
ich habe ein
neues Blog angelegt und IE 6 interpretiert den Stylesheet anders als IE 7 und firefox. (Der Text wurde links abgeschnitten.)
Sorry, aber es ist etwas kompliziert:
Um den Text im content-Fenster linksbündig mit dem header abschließen zu lassen, habe ich im Stylesheet folgende Änderungen vorgenommen, die auch perfekt für IE 7 und FF funktionieren:
#content h1, #content h2 {
font-family: [Macro not allowed in sandbox: layout.titlefont] ;
color: [Macro not allowed in sandbox: layout.titlecolor] ;
font-size: 17px;
margin: 0px 0px 10px -40px;
padding: 0px;}
#content h2 a { color: [Macro not allowed in sandbox: layout.titlecolor] }
/* story */
div.story { margin: 0px 0px 4px -39px;}
Bei IE 6 trat o.g. Fehler auf.
Ich habe bereits spezielle html-Anweisungen in die Skin der Hauptseite eingefügt, die bewirken, dass der Text in IE 6 nicht mehr abgeschnitten wird (ohne Anfangs- und Endklammern):
!--[if IE 6]
style type="text/css"
.story {margin:0px 0px 0px 0px !important;}
.story {font-size: 12px !important;}
#content h2 {margin:0px 0px 0px 0px !important;}
/style
![endif]--
Der linke Rand des content-Fensters passt aber immer noch nicht zum header des Blogs.
Wie kann ich den Blog für die drei Browser gemeinsam optimieren?
Besten Dank für die Hilfe
Michael
mtv-herrenhausen-tt - 20. Nov. 2008, 10:14 - Rubrik:
HTML und CSS