web: DIV height im IE und Firefox unterschiedlich

Hallo,

ich lade einen div bereich und die höhe wird im Firefox richtig dargestellt aber im Internet Expolrer ist das extrem Dick.

css:

#space {
background-color: #9D0000;

text-align: left;
width: 800px;
height: 5px;

border:#000000 1px solid;scroll: no

}

diese 5px sind im IE mindestens 20. der FF machsts richtig.

was mach ich falsch?

  1. achso wenn ichs auf zb 15px stelle, merkt der ie das nichtmal und lässt es so wie es war, da es ja eh wohl schon höher war.

    1. achso wenn ichs auf zb 15px stelle, merkt der ie das nichtmal und lässt es so wie es war, da es ja eh wohl schon höher war.

      *:first-child+html #space
       height:XXpx;
      }

      probier das mal.. diese Zeile sagt, dass der IE etwas anderes darstellen soll. du musst dann nur für den IE die höhe anpassen, der FF wird diese zeile ignorieren.. nennet sich glaub ich Star-Plus Hack

      1. hier nochmal die entsprechende Erläuterung

        http://de.selfhtml.org/css/layouts/browserweichen.htm#empfehlung

        1. keine ahnung, wie ich das anstellen sol.
          benutze den IE7.

          1. keine ahnung, wie ich das anstellen sol.
            benutze den IE7.

            ist doch ganz einfach

            #space { die ganzen angaben und zwar so, dass sie im firefox ordentlich aussehen }

            *:first-child+html #space { die angaben die für den IE von bedeutung sind. beispiel: spinnt das margin-top im IE rum, beschreibst du es hier und zwar so dass der IE es richtig ausführt.}

            1. ok also: der IE igniert die höhe unter 20px. auch in deiner önderung.
              gebe ich zb -10px passiert ebenso wenig.

              1. ok also: der IE igniert die höhe unter 20px. auch in deiner önderung.
                gebe ich zb -10px passiert ebenso wenig.

                zeig mal deine textpassagen

                1. siehe erstes Posting.

                  1. siehe erstes Posting.

                    Hallo,

                    gemeint war wohl die dazugehörige HTML-Datei, nicht die Stylesheets.

                    Gruß, Ich

                    1. <html>
                      <head>
                      <title>abc</title>

                      <link href="xxxx.css" rel="stylesheet" type="text/css">

                      </head>
                      <body>

                      <div id="space"></div>

                      </body>
                      </html>

                      1. Hallo,

                        und was ist in dem div? Ein Bild oder Text?

                        Gruß, Ich

                        1. Nichts. Dient nur als space.

                          1. Hallo,

                            ein leeres div?

                            Da ein div zum einschliessen anderer Elemente dient, ist es Quatsch, dass hier
                            zur optischen Gestaltung zu benutzen.

                            Versuche es mit einer normalen Trennlinie <hr>, die Du dann per CSS deiner Vorstellung entsprechend anpasst.

                            Gruß, Ich

              2. Hi,

                ok also: der IE igniert die höhe unter 20px.

                Nein, der IE zündet nicht. Der ist generell, was CSS-Interpretation betrifft, eher ein Spätzünder.

                gebe ich zb -10px passiert ebenso wenig.

                Für welche Eigenschaft? Bei height sind negative Werte nicht zulässig (wär ja auch unsinnig).

                cu,
                Andreas

                --
                Warum nennt sich Andreas hier MudGuard?
                O o ostern ...
                Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                1. Hi,

                  Bei height sind negative Werte nicht zulässig (wär ja auch unsinnig).

                  Na ja, das ist aehnlich wie mit dem IQ: Man nimmt an, negative Werte waeren nicht moeglich - und wird doch immer wieder von manchen Zeitgenossen ueeberrascht ...

                  MfG ChrisB

      2. was soll das jetzt sein?
        quasi n neuen div bereich im css definieren.

        #space {
        background-color: #9D0000;

        text-align: left;
        width: 800px;
        height: 10px;

        border:#000000 1px solid;scroll: no

        }

        und danach deins reinpasten? ohne geöffnete "{"?

        übrigends ignoriert der IE alles was kleiner als 20px ist, löl?

        1. was soll das jetzt sein?
          quasi n neuen div bereich im css definieren.

          #space {
          background-color: #9D0000;

          text-align: left;
          width: 800px;
          height: 10px;

          border:#000000 1px solid;scroll: no

          }

          und danach deins reinpasten? ohne geöffnete "{"?

          übrigends ignoriert der IE alles was kleiner als 20px ist, löl?

          nein natürlich mit klammer, sorry.
          du hast 1: FF beschreibung, die schließt du auch ab. und dann hast du noch 2: wo du dem IE sagst was er tun soll. aber du brauchst nicht alle eigenschaften und werte übertragen die in der FF-beschreibung stehen und auch im IE funktionieren.

          in deinem fall spielt ja die height verrückt, also brauchst du auch nur die height in der IE-beschreibung angeben

      3. keine ahnung, wie ich das anstellen sol. benutze den IE7

  2. Hi,

    ich lade einen div bereich [...]
    #space {
    height: 5px;

    das <div>-Element dient der Gruppierung zusammengehörender Elemente. Mir ist ehrlich gesagt nicht klar, wie dies zu etwas führen kann, dem eine Höhe von nur fünf Pixelchen genügt ...?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  3. Hallo!

    ich lade einen div bereich und die höhe wird im Firefox richtig dargestellt aber im Internet Expolrer ist das extrem Dick.

    css:

    #space {
    background-color: #9D0000;

    text-align: left;
    width: 800px;
    height: 5px;

    border:#000000 1px solid;scroll: no

    }

    diese 5px sind im IE mindestens 20. der FF machsts richtig.

    was mach ich falsch?

    Also als erstes scheinst du ein DIV-Element für Abstände zu missbrauchen. Dafür gibt es margin und padding (siehe http://de.selfhtml.org/css/eigenschaften/randabstand.htm).

    Zweitens ist 'scroll' keine CSS-Eigenschaft. Vermutlich meinst du background-attachment.

    Und drittens musst du für die IEs auch die font-size entsprechend klein machen, da sie ansonsten das Element immer so hoch machen, wie es sich aus den entsprechenden font-size und line-heihgt Werten ergibt.

    Gruß Gunther

  4. hallo,

    im Internet Expolrer ist das extrem Dick.

    Du hast mit der gesamten Front der Viagra-Spamer einen Vertrag abgeschlossen, der dem IE6 eben signalisiert, daß du einen "extrem Dick" hast ;-)

    was mach ich falsch?

    öhm ...

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|