HoBrutznik: unterschiedliche Darstellung in NN und IE

Morgen!
kann mir jemand erklären wie ich der folgenden Menüleiste beibringe,
im Netzscape/Firefox genauso hoch zu sein wie im IE?
Die erstgenannten Browser machen die Leiste höher. Ich hab schon alles probiert - jemand mit idee?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">

a {
font-family:Verdana;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
background-color:#f56a03;
height:23px;
border:0px none;
}

a.link {
display:inline;
padding:6px 8px 0px 8px;
border:0px none;
float:left;
height:23px;
text-align:center;
}

a.link:hover {
color:#c84900;
background-color:#fbc39a;
border:0px none;
padding:6px 8px 0px 8px;
display:inline;
height:23px;
}
</style>

</head>
<body>

<div style="display:inline; background-color:#f56a03; width:800px; float:left; border:0px none;">

<div style="margin-left:5px;">
     <a class="link" style="height:27px;" href="#">Hyperlink ein langer </a>
     <div style="float:left;"><img style="border:0px none;" src="pics/system/nav_spacer2.gif"/></div>

</div>
 <div style="">
     <a class="link" style="height:27px;" href="#">Hyperlink </a>
     <div style="float:left;"><img style="border:0px none; " src="pics/system/nav_spacer2.gif"/></div>
  </div>
 <div style="">
  <a class="link" style="height:27px;" href="#">Hyperlink noch laenger</a>
  <div style="float:left;"><img style="border:0px none;" src="pics/system/nav_spacer2.gif"/></div>
 </div>
 <div style="">
  <a class="link" style="height:27px;" href="#">Hyperlink bla</a>
      <div style="float:left;"><img style="border:0px none;" src="pics/system/nav_spacer2.gif"/></div>
 </div>
 <div style="">
  <a class="link" style="height:27px;" href="#">Hyperlink blubb</a>
     <div style="float:left;"><img style="border:0px none;" src="pics/system/nav_spacer2.gif"/></div>
 </div>
 <div style="">
  <a class="link" style="height:27px;" href="#">Hyperlink 6</a>
  <div style="float:left;"><img style="border:0px none;" src="pics/system/nav_spacer2.gif"/></div>
 </div>
</div>

</body>
</html>

  1. Hi,

    kann mir jemand erklären wie ich der folgenden Menüleiste beibringe,
    im Netzscape/Firefox genauso hoch zu sein wie im IE?
    Die erstgenannten Browser machen die Leiste höher.

    falsch - der letztgenannte macht sie niedriger. Beschäftige Dich mit dem Box-Model-Bug des IE und dem Quirks-Mode.

    font-family:Verdana;

    Gib *unbedingt* eine generische Schriftfamilie an.

    font-size:12px;

    px ist eine für Schriftgrößen auf Bildschirmmedien ungeeignete Einheit. Benutze em oder %.

    a.link {

    Wozu vergibst Du hier eine Klasse?

    float:left;

    float ohne width ist kriminell.

    <div style="float:left;"><img style="border:0px none; " src="pics/system/nav_spacer2.gif"/></div>

    ERROR: Required attribute "alt" missing. Desweiteren ist der Name in der URI ein deutliches Zeichen dafür, dass Du hier keine Grafik verwenden möchtest.

    <div style="">
      <a class="link" style="height:27px;" href="#">Hyperlink bla</a>
          <div style="float:left;"><img style="border:0px none;" src="pics/system/nav_spacer2.gif"/></div>
    </div>

    Und noch amoi. Wenn Du mehrere ähnliche Dinge hintereinander hast, ist das eine Liste. Verwende semantisches Markup, keine <div>-Suppe.

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

      px ist eine für Schriftgrößen auf Bildschirmmedien ungeeignete Einheit. Benutze em oder %.

      du erklärst nicht, warum px ungeeignet sein soll. Denn grundsätzlich sind px erstmal sehr geeignet für Bildschirmmedien, arbeiten diese doch mit der gleichen Einheit.

      Viele Grüße!
      _Dirk

      1. Hi,

        px ist eine für Schriftgrößen auf Bildschirmmedien ungeeignete Einheit. Benutze em oder %.
        du erklärst nicht, warum px ungeeignet sein soll.

        natürlich nicht, das haben ich und andere schließlich schon oft genug gemacht.

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

          natürlich nicht, das haben ich und andere schließlich schon oft genug gemacht.

          dann war ich wohl lediglich irritiert, dass der obligatorische Archiv-Link fehlte.

          Viele Grüße!
          _Dirk

          1. Hi,

            dann war ich wohl lediglich irritiert, dass der obligatorische Archiv-Link fehlte.

            ich bitte um Verständnis. Kritik über verwendete Einheiten geht mir inzwischen gebetsmühelnartig über die Fingerkuppen, ohne dass mein Denkkasten wesentlich daran beteiligt wäre.

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

              Kritik über verwendete Einheiten geht mir inzwischen gebetsmühelnartig über die Fingerkuppen, ohne dass mein Denkkasten wesentlich daran beteiligt wäre.

              genau das wird sehr gut deutlich, ja.

              Viele Grüße!
              _Dirk