Jeena Paradies: Mein Kampf mit dem IE - Folge 3015984528156305

Hallo,

Wie eigentlich immer seit dem ich mit CSS arbeite kämpfe ich gerade wieder einmal mit dem Internet Explorer, ein sch*#! Ding.

http://home.arcor.de/maedchen.schluckt.net/selfbilder/gea/
Hier arbeite ich an diesem Menü. Überall wird es korrekt dargestellt, nur im IE 5.x nicht. Dort gibt es einen Abstand der Menüpunkte links (etwa 25px) vom Rand des Menüs. Auf der anderen Seite ragt es mir genau so viel heraus. Das sieht natürlich bescheiden aus, aber ich mache damit schon seit Stunden rum, und drehe mich mittlerweile im Kreis.

Vieleicht gibt es ja von euch den entscheidenden Tipp?

Ach noch was der IE 5 macht oben auch noch einen komischen gelben Balken, der da nicht hingehört, da habe ich auch keine Ahnung wie ich den wegbekomme, oder woher er kommt.

Grüße
Jeena Paradies

--
Alkoholverbot in der gesammten Bamberger Innenstadt!
http://www.jeenaparadies.de/alkoholverbot/
  1. Hallo.

    Vieleicht gibt es ja von euch den entscheidenden Tipp?

    Läuft das Archiv nicht bald über mit Ratschlägen zum Box-Model-Bug?
    MfG, at

  2. Sup!

    Gibt's denn den IE 5.x noch?
    Wer den IE 5 hat, sollte doch auch bereit sein, den IE6 zu installieren.... *SCNR*

    Okay, ich habe keine Ahnung, aber das liegt sicher auch daran, dass mich die interessante Domain, die man als "MSN" abkürzen könnte (endlich weiss ich, wofür das *eigentlich* steht) viel mehr interessiert hat - sieht so'n bisschen nach "ponygirl.de" aus, und die angebotenen Test-Artikel sind auch irgendwie "interessant"; wenngleich ich finde, dass blaues Kunstfell verboten werden sollte.

    Gruesse,

    Bio

    --
    Gnade - was bedeutet dieses Wort?
    1. Hello,

      Gibt's denn den IE 5.x noch?
      Wer den IE 5 hat, sollte doch auch bereit sein, den IE6 zu installieren.... *SCNR*

      Der IE 5.5 war aber ein Feinsieb gegenüber dem IE 6.x Das ist ein Durchschlag...

      Liebe Grüße aus http://www.braunschweig.de

      Tom

      --
      Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
  3. Hallo Jeena,

    "...Folge 3015984528156305": Ich liebe Fortsetzungsromane ;)

    Die Einrückung von LI-Elementen ist im IE und Mozilla seit jeher unterschiedlich (Bei Opera hab ich noch nicht so drauf geachtet). Einer berücksichtigt die tiefenangabe _zusätzlich_ der andere _absolut_. Du kannt LI nur für strukturelles Gliedern nehmen (so wie hier im Forum). Ich würde es nicht mit LI machen, sondern, da Du eh absolut positionieren, willst mit DIV's oder so.

    Gruß, Andreas

  4. Hallo Jeena,

    hab mir jetzt nicht deine CSS angekuckt, aber das Problem lässt sich VIELLEICHT mit

    http://plagge.vol4u.de/artikel/css/css_layout_farben.htm

    lösen. Das ist eine Beispieldatei aus meinem Artikel "Layout ohne Tabellen" von URL:

    http://plagge.vol4u.de/artikel/css/css5.php

    Ich habe "IE 5.01", "IE 5.5 SP2" und "IE 6" parallel installiert, und dein Problem tauchte bei mir nur mit "IE 5.01" auf, während bei meinem Beispiel alles so angezeigt wird, wie es angezeigt werden soll (also identisch in den drei genannten Browsern).

    Gruß (und gutes gelingen!),
                             Stefan

    1. Hallo,

      http://plagge.vol4u.de/artikel/css/css_layout_farben.htm

      Du rätst also so zu sagen auch zu etwas ähnlichem wie Andreas, also keine <ul> verwenden sondern auf etwas anderes umsteigen? In deinem Beispiel ist hinter jedem Link ein <br><br>. Dass lässt sich doch bestimmt irgendwie vermeiden. Der Vorteil von <ul> ist, dass ein solches Menü schön auf dem Screenreader klingt, und auch sehr gut in Textbrowsern aussieht. Eine Liste verbessert halt die Übersicht.

      Aber ich werde es mal ausprobieren. Aber wenn es ein Box Model Bug ist, wie at schreibt, dann wird das Problem bei divs oder wie auch immer auch bestehen. Ich weiß nicht so richtig wie ich das angehen soll.

      Grüße
      Jeena Paradies

      --
      Alkoholverbot in der gesammten Bamberger Innenstadt!
      http://www.jeenaparadies.de/alkoholverbot/
      1. Hallo Jeena,

        Du rätst also so zu sagen auch zu etwas ähnlichem wie Andreas, also keine <ul> verwenden sondern auf etwas anderes umsteigen? In deinem Beispiel ist hinter jedem Link ein <br><br>. Dass lässt sich doch bestimmt irgendwie vermeiden. Der Vorteil von <ul> ist, dass ein solches Menü schön auf dem Screenreader klingt, und auch sehr gut in Textbrowsern aussieht. Eine Liste verbessert halt die Übersicht.

        Das bezog sich nicht auf die Liste, sondern auf die falsche Anzeige im "IE 5.01". Also der gelbe Balken oben und (überstehend) linke Seite.
        Habe dir "meine" Version nur aus dem Grund empfohlen, weil die DIVs auch im IE "5.01" so aussehen wie in den anderen IEs.
        Daraus folgt: Wenn Du den linken Bereich (oder das übergeordnete DIV) gelb, und den rechten Bereich Weiß einfärbst, so kommt es nicht zu diesem gelben Balken, den ich bei dir im "IE 5.01" festgestellt habe.

        Somit wäre(n) lediglich das (die) Balkenproblem(e) gelöst.

        Gruß,
           Stefan

        1. Hallo,

          Somit wäre(n) lediglich das (die) Balkenproblem(e) gelöst.

          Ach so jetzt kapiere ich! Aber das ist gut, denn das andere Problem habe ich jetzt vorläufig mit divs lösen können, was mir aber noch nicht so gut gefällt, da ich jetzt tausend divs im Quellcode habe.

          Jetzt gucke ich mir das mal an was du geschrieben hast. Der Balken zeigt sich auch bei mir nur im IE 5. Der 5.5 macht dass dann richtig.

          Danke für den Link, und die Belehrung ;-)

          Grüße
          Jeena Paradies

          --
          Alkoholverbot in der gesammten Bamberger Innenstadt!
          http://www.jeenaparadies.de/alkoholverbot/
          1. Hallo Jeena,

            Danke für den Link, und die Belehrung ;-)

            Kein Problem, aber eine "Belehrung" war das natürlich nicht! Nur ein Hinweis :-)

            Ich bin mir nämlich nicht ganz sicher, wie der Typ da --> ;-) <-- gemeint war.

            Gruß,
               Stefan

            1. Hallo,

              Ich bin mir nämlich nicht ganz sicher, wie der Typ da --> ;-) <-- gemeint war.

              Keine Angst, das habe ich nur gesagt, weil wir uns schon damals Beim Bund immer, wenn einer jemand anderen auf etwas aufmerksam gemacht hat, hat er gesagt 'Das war kein Anschiss, das war eine Belehrung' und dass mit der Zeit bei jedem kleinsten scheiß. Man haben wir damals gelacht. :-)
              --------------------
              An der Seite hat sich schon was verbessert, aber so richtig dahintergekommen bin ich nicht, wie du das meinst.

              Grüße
              Jeena Paradies

              --
              Alkoholverbot in der gesammten Bamberger Innenstadt!
              http://www.jeenaparadies.de/alkoholverbot/
              1. Hallo Jeena,

                An der Seite hat sich schon was verbessert, aber so richtig dahintergekommen bin ich nicht, wie du das meinst.

                Bei ...

                http://plagge.vol4u.de/artikel/css/css_layout.htm

                bzw.

                http://plagge.vol4u.de/artikel/css/css_layout_farben.htm
                (mit verschiedenen Farben zur besseren Differenzierung)

                ... kannst Du bei jedem der DIVs eine andere Hintergrundfarbe definieren, OHNE das dein Verschiebungseffekt (deine Seite im "IE 5.01") auftritt (also klare Trennung von links und rechts ohne Balken von oben).
                Womit dieses eine Problem schon mal gelöst wäre.

                So, ich gehe jetzt pennen,
                       "Gute Nacht" an alle nachtaktiven Pixelschubser.

                Gruß,
                  Stefan

                1. Hallo,

                  ... kannst Du bei jedem der DIVs eine andere Hintergrundfarbe definieren, OHNE das dein Verschiebungseffekt (deine Seite im "IE 5.01") auftritt (also klare Trennung von links und rechts ohne Balken von oben).

                  Ich habe jetzt mal deine Seite mal ausprobiert, aber das löst mein Problem nicht so richtig. Was ich will ist so eine Auteilung der Farben:

                  -+***********+-----------------------------------------

                  • weis
                  • orange
                    * gelb

                  Und das Alles ohne Hintergrundgrafiken. Und das habe ich mir shemantisch so vorgestellt:

                  +--------------------------------------------------------+
                  |   +--------------------------------------------------+ |
                  |   | 2 +---+   +------------------------------------+ | |
                  | 1 |   | 3 |   |                 4                  | | |
                  |   |   +---+   |                                    | | |
                  |   |           +------------------------------------+ | |
                  |   +--------------------------------------------------+ |
                  +--------------------------------------------------------+

                  Der erste Weiße Rand wird bei (1) mit border-left: 10px white solid; gemacht ansonsten hat (1) nichts mehr zu tun.

                  Der orangene Rand wird dann bei (2) mit border-left: 2px orange solid; gemacht Der Hintergrund ist gelb damit das Menü(3)immer optisch so lang ist wie der Inhalt(4).

                  Der zweite orangene Rand wird mittels border-left: 2px orange solid; bei (4) gemacht. Dieser Hintergrund ist weiß, somit entsteht normalerweise ja diese Farbkombination:

                  -+***********+-----------------------------------------

                  Nur beim IE 5.01 nicht. Leider. Sonst geht das überall, aber dieser macht oben über (2) noch einen gelben Balken, woher der kommt finde ich nicht heraus.

                  Grüße
                  Jeena Paradies

                  --
                  Alkoholverbot in der gesammten Bamberger Innenstadt!
                  http://www.jeenaparadies.de/alkoholverbot/
  5. Hallo.

    Vieleicht gibt es ja von euch den entscheidenden Tipp?

    Vielleicht bringt sich auch http://devedge.netscape.com/viewsource/2002/list-indent/ weiter.
    MfG, at