Problem mit unterschiedlichen vertikalen Abständen in IE7 / Firefox - Darstellung
Eingetragen von Franziska63 (3)am 13.07.2008 - 11:26 Uhr in
Hallo Ihr Gurus :-)
...neu im Bereich CSS/PHP/Theming mit Drupal kämpfe ich mit einem Problem, das vielleicht nur aus relativer Anfängersicht eines ist...
Ich bau gerade ein Zen-basiertes Theme auf mit horizontalem Primary-Link-Menü im Headerbereich... und möchte eigentlich, dass es im IE und Firefox gleich ausschaut. Tut es aber nicht. Ich hab schon reichlich gegooglet, nachgelesen, gefirebugt... und komm einfach nicht weiter *schnief*
So siehts aktuell im Firefox aus, der graue Rand oben ist das untere Ende meiner Logo-Grafik:
Der IE stellt das ganze mit von mir nicht gedachtem Abstand da:
Die div-Struktur dazu sieht so aus:
Hat irgendjemand eine Lösung, eine Idee, oder auch nur eine Erklärung, warum das so ist und wie ich diese Abstände in der IE-Darstellung wegbekomme...?
LG,
Franziska
- Anmelden oder Registrieren um Kommentare zu schreiben
Der IE hat immer so seine
am 13.07.2008 - 12:30 Uhr
Der IE hat immer so seine Eigenheiten, ich empfehle entweder YAML für Drupal zu nehmen, dann musste dich um sowas nicht kümmern oder erstell erstmal dein Theme mit ein Browser deiner Wahl außer IE fertig.
Und danach erst mit Bug fixing anfangen.
Aber in diesem Fall glaube ich das es mal wieder ein Box-Model Bug ist.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
box model bug in IE7?
am 13.07.2008 - 12:50 Uhr
Hi Tobias,
danke für die Antwort... aber ich tippe eher nicht auf nen box-model-bug. Jedenfalls nicht, soweit ich verstanden habe, dass der IE den doch nur bis Version6 hatte, oder lieg ich da falsch? Und hier ist es ja der IE7... Außerdem sind nirgendwo paddings auf block-elemente gesetzt, soweit ich das mit Firebug überprüft habe...
YAML ist mir schon untergekommen... ist mir aber zu komplex für den Einstieg. Zen habe ich gewählt, weil ich da noch durchblicken kann, was ich tue, was meinem Lernstil am besten entspricht.... zusammen mit der css4you-Referenz und dem Little-Boxes - Buch geht das recht gut.... bis auf, naja... solche lustigen Effekte eben ;)
Ich werde jedenfalls mal insoweit Deinen Rat befolgen, und das Theme erstmal soweit fertigstellen, dass es im Firefox zumindest so perfekt ausschaut, wie ich das möchte.
LG,
Franziska
In IE haben Container einen
am 13.07.2008 - 20:45 Uhr
In IE haben Container einen margin, d.h. den margin auf 0 setzen, könnte das Problem lösen. Welcher Container dafür verantwortlich ist, geht allerdings aus dem Screenshot nicht hervor.
--
SEO-Expert-Blog.com | Torlaune.de
okeh....
am 14.07.2008 - 01:37 Uhr
Hi, Ihr beiden...
danke für die Hinweise. Es hat mich motiviert, noch ein wenig mehr zu recherchieren... Der Fehler ist nun weg *freu*
Soweit ich den Lösungsweg kapiert hab, hatte es wohl was mit einem Effekt zu tun, der als IE-Margin-transference-bug beschrieben ist...
Die nächste Frage kommt bestimmt...
LG,
Franziska