help.twoday.net: IE 6 vs. Layout

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

mtv-herrenhausen-tt vor 6526 Tagen

553

5 Kommentare Kommentar verfassen

chronistin vor 6526 Tagen

Wozu die negativen margin-Werte? Wenn du beim margin für #content 40 der 44 Pixel wegnimmst, hast du den gleichen effekt, und aller Wahrscheinlichkeit nach kein Problem mehr mit IE6.

antworten

mtv-herrenhausen-tt vor 6525 Tagen

Sorry, das versteh ich leider nicht.
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

antworten

chronistin vor 6525 Tagen

Ja, es gibt ein "Basis-CSS", das automatisch eingebunden wird. Du kannst das komplette stylesheet ansehen, indem du main.css an die weblogurl anhängst. Die nicht in der skin stylesheet vorhandenen Defintionen können geändert werden, indem man sie dort neu hineinschreibt. Das funktioniert, weil das User-Stylesheet nach dem Grund-CSS aufgerufen wird.

antworten

mtv-herrenhausen-tt vor 6524 Tagen

Hi Chronistin, genau das ist die Lösung!!! Funzt perfekt in allen Browsern. Sensationeller Service, 1000 Dank :D

antworten

pebaco vor 6398 Tagen

No MS, no cry

No more to say!

Au revoir
pebaco

antworten