ZEN: Explorer spinnt (CSS-Problem)
Eingetragen von kniekel@drupal.org (156)am 02.11.2008 - 22:00 Uhr in
Liebe Leute,
ich verwende auf http://www.gochsheim-evangelisch.de/ die neueste Version von ZEN mit einem angepassten Starterkit.
Vor einiger Zeit habe ich versuchsweise um die einzelnen Beiträge auf der Startseite einen Rahmen gezogen und ihnen auch noch eine Hintergrundfarbe verpasst, so dass sie sich deutlicher voneinander abheben.
Nun kommt es gelegentlich vor, dass der Internet Explorer (7 und ich glaube auch 6 unter Vista und XP) bei einem der Beiträge den Rahmen bis ganz nach links zieht, so dass er bis an den linken Rand des Menü-Blocks geht. Aber nur bei einem und auch nur manchmal. Ich habe da noch kein Schema drin gefunden und es ist mir schleierhaft, wo das herkommt.
Im CSS sieht die entsprechende Stelle so aus:
.node-teaser, /* A node displayed as teaser */
.comment,
.views-row-odd,
.views-row-even,
.node-teaser.node-type-blog
{
border-color: #000;
border-style: solid;
border-width: 1px 1px 1px 1px;
background-color: #ccffff;
margin-bottom: 10px;
padding: 2px;
}
.sticky /* A sticky node (displayed before others in a list) - hier mache ich die Rahmen und Hintergrund aus */
{
margin-bottom: 0px;
border: none;
background-color:#ffffff
}
.front .sticky .title
{
display: none;
}Vielleicht hat von euch jemand eine Idee, was das sein könnte.
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS Validator
am 03.11.2008 - 09:57 Uhr
Es gibt für den Firefox ein AddOn namens W3C CSS Validator. Das zeigt für Deine Webseite 5 Fehler im CSS. IE ist was CSS-Fehler angeht sehr pingelig und wirft unter Umständen sogar den ganzen CSS-File weg.
Lad Dir doch das Tool in den Firefox, sieh Dir die Fehler an und korregier sie. Dann sollte das schon richtig angezeigt werden.
Gruß
Werner
IE spinnt immer noch.
am 03.11.2008 - 19:25 Uhr
Vielen Dank für den Hinweis, den ich kurz nach dem Posten des Artikels gefunden habe.
Leider hat er nichts genutzt.
Es sieht immer noch so aus wie in diesem Screenshot:
http://www.gochsheim-evangelisch.de/node/1597
Vielleicht hat es etwas damit zu tun, dass ich in die betroffene Artikelvorschau ein Bild mit align=right eingebaut habe. Jedenfalls war der Fehler weg, als ich das Bild auf align=left gesetzt habe; was aber nichts heißen muss, da der Fehler ja nur manchmal auftritt. Und selbst wenn es so ist, würde ich gerne verstehen, was IE da so treibt.
---
Drupal 6.6 auf http://www.gochsheim-evangelisch.de und http://www.ps2000-bayern.de/
Fließen oder auch nicht
am 03.11.2008 - 21:41 Uhr
Das Fließen von Boxen ist ein sehr komplexes Problem. Nach meinem Noch-immer-ein-Laie-Verständnis könnte im css ein overflow: hidden stehen, das der Internet Explorer ignoriert. "Manchmal" träte solch ein Layout-Bruch wie bei dir nur auf, wenn ein Geist in der Maschine säße. Allein da ist keiner, es wird nur gerechnet. Ich empfehle, die ganze Site auf yaml für drupal umzustellen und die eigenen Formatierungen in einer bildschirm.css oder ähnlich abzulegen. Da haben sich gute Leute die Mühe gemacht, diese IE-Eigenschaften zu berücksichtigen.
MfG