IE 6 vs. Layout
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
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
Es gibt in meinem Stylesheet keinen Eintrag mit 44 px, den ich ändern könnte. Die Werte, die ich auf minus gesetzt habe, waren vorher auf Null. Und ich habe sie auf -40 (bzw. -39) gesetzt, damit der Linke Rand des Hauptfeldes mit dem linken Rand des Headers abschließt. Vorher sah es so aus, wie in IE 6 jetzt.
(Zur Erklärung: Ich kann html nur äußerst rudimentär schreiben und verstehen. Auf die Werte bin ich durch Versuch und Irrtum gekommen.)
Gibt es eine andere Skin, in der diese Einstellungen vorgenommen werden können?
Vielen Dank für die Mühe
MiG