stefan: height in ie und firefox

hallo

ich definiere einen spacer mit height: 3px. der ie zeigt aber sicherlich 20px an. der firefox macht sie genau 3 px. was muss ich noch machen, dass der ie das auch so macht?

ps. *{margin:0; padding:0;} habe ich eingestellt.

div.spacer {
 height:3px;
 background:#000000;
 }

</style>

</head>

<body>
<div id="container01">
<div id="header"><img src="flash.jpg" /></div>
<div class="spacer"></div>
<div id="mainnav">###NAVIGATION###</div>
<div id="links"></div>
<div id="rechts"></div>
<div id="footer"></div>
</div>

  1. Hi,

    ich definiere einen spacer

    warum denn das? Welche inhaltliche, von der derzeit gewünschten Darstellung zu 100% unabhängige Begebenheit des HTML-Dokuments rechtfertigt ein Spacer-Element?

    der ie zeigt aber sicherlich 20px an.

    So groß ist bei Dir die Schrift eingestellt?

    was muss ich noch machen, dass der ie das auch so macht?

    Erst mal das Element eliminieren. Es hat im HTML-Code nichts verloren.

    <div id="header"><img src="flash.jpg" /></div>

    Und validiere bitte Deine Codes.

    <div id="links"></div>
    <div id="rechts"></div>

    Kein Validator wird Dir allerdings sagen, dass diese IDs ziemlich sinnfrei sind, sofern der Inhalt der Elemente sich nicht um Verlinkungen und um Juristereien dreht.

    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
    1. Erstmal danke für die antwort

      Hi,

      ich definiere einen spacer

      warum denn das? Welche inhaltliche, von der derzeit gewünschten Darstellung zu 100% unabhängige Begebenheit des HTML-Dokuments rechtfertigt ein Spacer-Element?

      also eigentlich will ich nur einen 3px-balken der schwarz ist darstellen. das mit der schrift hat gestummen. wenn ich die verkleinere passt sich die höhe an. wie macht das denn ein profi?

      der ie zeigt aber sicherlich 20px an.

      So groß ist bei Dir die Schrift eingestellt?

      was muss ich noch machen, dass der ie das auch so macht?

      Erst mal das Element eliminieren. Es hat im HTML-Code nichts verloren.

      <div id="header"><img src="flash.jpg" /></div>

      Und validiere bitte Deine Codes.

      <div id="links"></div>
      <div id="rechts"></div>

      Kein Validator wird Dir allerdings sagen, dass diese IDs ziemlich sinnfrei sind, sofern der Inhalt der Elemente sich nicht um Verlinkungen und um Juristereien dreht.

      Die sind gedacht, um später inhalt einzufügen. was ist daran falsch? dargestellt wird es richtig

      stefan

      Cheatah

      1. Hoi,

        du kannst für den IE auch ein overflow:hidden deinem div mitgeben. Ansonsten wäre hier eigentlich ein <hr> eher angebracht.

        Gruß Ben

        1. Hallo. das hr-tag macht mir ebenfalls oben und unten einen abstand.. egal ob ich die height 3 oder 100 px mache.

          hr.spacer {
           color: #000000;
           background-color: #000000;
           height: 50px;
           width: 100%;
           }

          stefan

          Hoi,

          du kannst für den IE auch ein overflow:hidden deinem div mitgeben. Ansonsten wäre hier eigentlich ein <hr> eher angebracht.

          Gruß Ben

          1. Hallo. das hr-tag macht mir ebenfalls oben und unten einen abstand.. egal ob ich die height 3 oder 100 px mache.

            Nur im IE? Weil für den IE ist height == min-height. Sprich, er vergrößert das Element entsprechend, wenn du ihm nicht ein overflow:hidden mitgibst.

            Gruß Ben

        2. Hallo.

          Ansonsten wäre hier eigentlich ein <hr> eher angebracht.

          Das ist schon deshalb seltsam, weil dieses Element eigentlich nirgends sinnvoll einzusetzen ist.
          MfG, at

      2. hi,

        also eigentlich will ich nur einen 3px-balken der schwarz ist darstellen. das mit der schrift hat gestummen. wenn ich die verkleinere passt sich die höhe an. wie macht das denn ein profi?

        Der würde sich z.B. überlegen, ob er nicht border auf einem geeigneten Element verwendet.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
      3. Hi,

        also eigentlich will ich nur einen 3px-balken der schwarz ist darstellen. das mit der schrift hat gestummen. wenn ich die verkleinere passt sich die höhe an. wie macht das denn ein profi?

        siehe wahsagas Antwort.

        <div id="links"></div>
        <div id="rechts"></div>
        Kein Validator wird Dir allerdings sagen, dass diese IDs ziemlich sinnfrei sind, sofern der Inhalt der Elemente sich nicht um Verlinkungen und um Juristereien dreht.
        Die sind gedacht, um später inhalt einzufügen. was ist daran falsch? dargestellt wird es richtig

        Hältst Du es für richtig, wenn ein Element namens "links" oben und eines namens "rechts" links dargestellt wird?

        Der HTML-Code hat zu exakt 100% von jedwedem Hinweis auf eine eventuell gewünschte Darstellung freigehalten zu werden. "links" kann nur dann sinnvoll sein, wenn der Inhalt(!) sich mit etwas beschäftigt, das dieser Bezeichnung genüge tut.

        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
      4. Hallo.

        das [...] hat gestummen.

        Oh, das klingt gut. Die Formulierung werde ich mir merken, danke.
        MfG, at