tarzan: div container verrutscht in firefox

Guten Abend!

Also. Habe ein Problem, das schon mal vor mir jemand anderes hatte. Wurde hier gewissermaßen erfolglos gepostet unter http://forum.de.selfhtml.org/archiv/2005/5/t106920/.

Auch bei mir tritt das Problem unter Firefox auf Windows auf. Habe v 1.0.7. Wie es mit anderen Betriebssystemen aussieht, habe ich leider nicht testen können.

Beim Aufrufen der Seite wird ein div container, der sich in einer tabellen-zelle befindet, aber größer ist als die umgebende Zelle, falsch positioniert angezeigt. Resizet man minimal das Firefox-Fenster, springt der Container an seine vorgesehene Stelle. Reloadet man dann nochmal, springt der Container wieder an die falsche Stelle. Und so weiter und so fort.

Die "richtige" Stelle ist links oben in der Zelle beginnend, und über die Zelle hinausragend. Die "falsche" Stelle ist exakt 97 Pixel zu weit rechts von der vorgesehenen Stelle. Egal wie breit ich das Firefox Fenster aufziehe. Die vorgegebene Höhenposition bleibt erhalten.

Zelle und Div Container sehen (verkürzt) so aus:

...<td width=5 valign=top align=left>
   <div style="position:absolute; width:542px; height:22px;">
      <table border=0 cellpadding=0 cellspacing=0 width=542 height=22>
      <tr>
      <td align=right valign=bottom bgcolor=#FDCB25>
      <form name=kontakt action=... method=post style="margin:0px">
         <div class=...>
         Hier Newsletter bestellen ... Ihre eMail-Adresse:
         <input type=hidden name=... value=1>
         <input type=text name=... maxlength=60 style="height:14px; width:80px...."> und <input type=image src=anmelden.gif>
         </div>
      </form>
      </td>
      </tr>
      </table>
   </div>
   <img src=imgs/1x1.gif height=1 width=5 border=0>
   </td>...

Das 5 px breite gif in der vorletzten Zeile, unterhalb des div containers, soll bewirken, daß die Zelle nicht (etwa durch den Content der benachbarten Zellen beeinflußt) schmäler als 5 Pixel wird.

Was meint Ihr. Liegt es an der Zelle oder am Container oder muß was anderes schuld sein?

  1. http://forum.de.selfhtml.org/archiv/2005/5/t106920/

    tarzan, </faq/#Q-19>

    Du mutest dem Browser auch einiges zu: Kombination von div-Suppe (bäh!) und verschachtelten Tabellen (bäh!), Platzhaltergrafiken (bäh!), HTML-Attribute zu Layoutangaben (bäh!), CSS in style-Attributen (bäh!), invalides HTML …

    Wenn du nicht weißt, wann man Gänsefüßchen um Attributwerte weglassen darf, solltest du sie immer setzen.

    Lerne vernünftig mit HTML auszuzeichnen und mit CSS zu gestalten; da hast du mehr von als in der Quelltextsuppe die Haare zu finden.

    Bei der Gelegenheit wirst du auch über den Unterschied zwischen Webdesign und Printdesign stolpern und die Idee eines pixelgenauen Layouts verwerfen.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Also erstmal Danke für die Antwort an sich. Leider hilft sie aber nicht weiter, weil die Frage unbeantwortet bleibt. Wie sehen das die anderen Gemeindemitglieder?

      Das mit dem pixelgenauen Layouten im Web ist ja ein leider öfter gebrachtes Totschlagargument. Natürlich muß auch das möglich sein. Bitte mehr Toleranz.

      Ja, es werden Tabellen, Divisions, Images, HTML-Layoutattribute, CSS-Layoutklassen und CSS-Styles verwendet. Was ist schlecht daran? Auch wenn sie komplex verschachtelt sind, sollte das ja wirklich nicht zum Problem führen. Zumutung hin oder her, der IE schaffts ja auch >:). Wenn die Verschachtelung nicht valide ist, dann klar. Aber wo ist die nicht valide Stelle?

      Und, ganz ehrlich, die Anführungszeichen und ALT Attribute sind ja reine W3C Schikane. Und auch daran wird es nicht liegen.

      Hat irgendwer vielleicht weitere Ideen? Sophia? Was hast Du herausgefunden?

      1. tarzan,

        Das mit dem pixelgenauen Layouten im Web ist ja ein leider öfter gebrachtes Totschlagargument. Natürlich muß auch das möglich sein.

        Ja: PDF, Grafikformate, … Nur dass die Publikation von Text in diesen Formaten im Web wenig Sinn macht.

        Ja, es werden Tabellen, Divisions, Images, HTML-Layoutattribute, CSS-Layoutklassen und CSS-Styles verwendet. Was ist schlecht daran? Auch wenn sie komplex verschachtelt sind, sollte das ja wirklich nicht zum Problem führen.

        Offensichtlich doch. Du hast schließlich damit ein Problem (geschaffen).

        Zumutung hin oder her, der IE schaffts ja auch >:).

        Ich hab keine Lust, mich da durchzuwursteln, und andere vielleicht auch nicht. Bei übersichtlichem Quelltext wäre Hilfe möglich, wenn du sie dann überhaupt bräuchtest.

        Und, ganz ehrlich, die Anführungszeichen und ALT Attribute sind ja reine W3C Schikane. Und auch daran wird es nicht liegen.

        Nein, die Anführungszeichen auf keinen Fall, weil SGML (was für HTML angewandt wird) gar nicht vom W3C stammt.

        Und Agenten ohne Bildanzeige sollten schon durch Alternativtexte mitgeteilt bekommen, was sie verpassen.

        Willst du HTML oder nicht? Du kannst natürlich deine Inhalte auch in einem eigenen Format zu den Nutzern schicken und diese bitten, ein Programm zu installieren, welches das dann darstellen kann.

        Du willst doch lieber HTML? Dann musst du dich an die Regeln halten.

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
        1. Habe schon mit weniger Verschachteoung mehr Probleme gehabt. Die jetzige Verschachtelung ist zugegebenermaßen komplex, aber nicht unzulässig. Soll doch der Firefox Verschachtelungen lernen.