ash: ul - Darstellungsproblem

Hallo, ich habe ein Darstellungsproblem bei einer Liste:

http://www.tms-web.de/worldhostelguide/ssl/admincentre/html/main.php

in Firefox wird es "korrekt" dargestellt, in IE erscheint zwischen der Navigation links und dem darüber liegenden div-tag ein kleiner Abstand. Jmd eine Idee für einen Workaround?

danke

  1. dazu müsstest du erst ein mal sagen, wie bei dir das CSS aussieht...

    mfg
    Micha

    1. dazu müsstest du erst ein mal sagen, wie bei dir das CSS aussieht...

      für den ul-tag:

      ul#navigation {
        width: 165px;
        background-color: white;
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

      und für die li-tags:

      li.main {
        background-image:url(images/mNavCell.jpg);
        height: 20px;
        width: 165px;
        float: left;
        }

      1. ich habe das Problem gelöst, trotzdem danke fürs Helfen.

        mfg

        1. Hallo,

          ich habe das Problem gelöst, trotzdem danke fürs Helfen.

          da wäre es schon interessant zu wissen woran es gerade gelegen hat
          oder wie das Problem gelöst wurde. Abgesehen von Versuchen wie
          text-align: text-bottom; oder line-height: 1em; gibt es noch einige
          Möglichkeiten die Darstellung von Listen-Menus gerade für den IE noch
          weiter zu beeinflussen.

          Bei deinem Beispiel ist mir übrigens noch ein float-Problem aufgefallen,
          für den IE fehlt womöglich ein clear oder eine Breitenangabe, damit der
          Inhalt richtig sitzt.

          Grüsse

          Cyx23

          1. da wäre es schon interessant zu wissen woran es gerade gelegen hat

            ich habe den doc-type geändert auf XHTML 1.1 und margin-top zurück gesetzt auf 0px. Damit ging es.

            mfg

            1. Hallo ash.

              ich habe den doc-type geändert auf XHTML 1.1 […]

              Du solltest im hiesigen Archiv recherchieren, warum du das nicht tun solltest.

              Einen schönen Dienstag noch.

              Gruß, Ashura

              --
              sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
              „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
              [HTML Design Constraints: Logical Markup]
        2. ich habe ein 2-spaltiges Layout, links ein ul-tag, rechts ein div-tag für die Inhalte: http://www.tms-web.de/worldhostelguide/ssl/admincentre/html/main.php

          in FF wird es "richtig" angezeigt, IE platziert den div-tag für die Inhalte unterhalb des ul-tags.

          Hier die css-tags:
          ul#navigation {
           width: 165px;
           background-color: white;
           margin: 0;
           padding: 0;
           list-style-type: none;
           }

          div#contents {
           margin-top: 0;
           margin-left: 200px;
           width: 570px;

          border-style: dashed;
           border-color: silver;
           border-width: 1px;
           }

          jmd einen Tipp, was ich falsch mache? danke

          1. Hell-O!

            ich habe ein 2-spaltiges Layout, links ein ul-tag, rechts ein div-tag für die Inhalte [...] in FF wird es "richtig" angezeigt, IE platziert den div-tag für die Inhalte unterhalb des ul-tags.

            Ein float:left für die Navigation wirkt Wunder.

            Siechfred

            --
            Hier könnte Ihre Werbung stehen.
            Räucherofen selber gebaut || Das Steuerblog  || RT 221 Erfurt-Altstadt i.V.
  2. Das Problem ist gelöst, und ich glaube die Demoseite zeigt den Fehler nicht mehr.

    Aber ich vermute ich hatte neulich ein ähnliches Problem.

    Ursache für Abstand war eine nicht definierte line-height? Dannverwendet der IE nämlich einen default-Wert der eine Abstand erzeigt den man in FF und Opera nicht hat.