div Objekte brauchen extrem viel Platz im FF

  • Hallo!

    Ich habe mir eine dynamische Seite mit Ajax gebaut. Diese ruft Daten einer XML-Datei (Temperaturen) aus und wird mittels div-Objekte angezeigt. Die div-Objekte habe ich alle in einer Tabelle positioniert.

    Alles funktioniert perfekt. Im IE werden die div-Objekte auch schön angezeigt. Nur im Firefox braucht auf einmal das div-Objekt sehr viel Platz. Dabei wird vor und nach dem Text höhenmäßig extrem viel Platz gelassen.

    Anbei findet ihr mein Beispiel einmal im IE und einmal im Firefox.

    Danke schon im Voraus für die Hilfe!

    mfg

    cyber.space

    Bilder

    • Firefox.JPG
    • Internet Explorer.JPG
  • also ohne link, seitenquelltext css-datei kann man mal gar nichts dazu sagen..
    solltest anhand deiner schilderungen.. mal gucken ob dein doctype korrekt is.. is immer des erste, denn im quirksmode(wenn eben kein qualifizierter doctype vorhanden is) machen die browser was sie wollen..

  • Ok. Dann kannst Du besser gleich :

    Code
    1. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
    2. /*reset styles end*/

    ...alles auf Standart setzen, damit alle Browser von einer Grundlinie aus starten. Besser isses.