steffen: display:block

hi Forumleser,

ich habe eine kleine Seite gemacht:

[Link:http://www.bockmanns.de/mailtool/]

und mir ist aufgefallen, dass es im IE margin-left bei dem submit Button die Pixel nich mehr stimmen wenn ich auf die input { display: block } lege.

Wie kann ich das wegbekommen?

Kann zwar das Attribut display: block; in dem Fall weglassen, aber interessiert mich nur, falls ich das Problem wiederhabe und ich es da dann nich weglassen kann.

mfg

  1. Hallo steffen.

    ich habe eine kleine Seite gemacht:

    [Link:http://www.bockmanns.de/mailtool/]

    Nah dran: http://www.bockmanns.de/mailtool/

    und mir ist aufgefallen, dass es im IE margin-left bei dem submit Button die Pixel nich mehr stimmen wenn ich auf die input { display: block } lege.

    Inwiefern? Ich sehe lediglich eine geringfügige Verschiebung des Submit-Buttons.
    Möchtest du nicht lieber erst einmal ein vollständiges HTML-Dokument erstellen? Bei dir bleiben body- und html-Element offen.
    Und um ein gültiges HTML Strict-Dokument zu erhalten, sollten die Formularelemente noch in ein Blockelement gesteckt werden; ich empfehle http://de.selfhtml.org/html/formulare/strukturieren.htm#gruppieren@title=fieldset.

    Kann zwar das Attribut display: block;

    In CSS lauten diese Eigenschaften. Attribute können zur Selektion genutzt werden (foo[bar]).

    Einen schönen Mittwoch noch.

    Gruß, Ashura

    1. Hi,

      ja habe jetzt erstmal die Tags geschlossen. Hattest recht.

      Die "geringfügige" Verschiebung ist zwar jetzt noch klein, aber ich hab es mal für dich auf die richtige größe geschoben (245px)

      Nun ist es leider keine geringfügige verschiebung mehr.

      1. Hallo steffen.

        Die "geringfügige" Verschiebung ist zwar jetzt noch klein, aber ich hab es mal für dich auf die richtige größe geschoben (245px)

        Warum eigentlich px? Diese Maßeinheit ist hier denkbar ungeeignet, ich empfehle em oder %.

        Nun ist es leider keine geringfügige verschiebung mehr.

        Laut document.compatMode befindet sich der IE nicht im Quirksmodus, ich würde aber dennoch den DOCTYPE in die erste Zeile verschieben.

        Hast du bereits versucht, mittels *-Selektor sämtlichen Elementen einen Rahmen zu verpassen, um margin und padding erkennen und gegebenenfalls anpassen zu können?

        Einen schönen Mittwoch noch.

        Gruß, Ashura

        1. Hi Ashura,

          ne habe ich noch nicht gemacht. Dachte nur Ihr wüßtet prompt, wieso dies passiert.

          Habe es mal mit dem *-Selektor gemacht und kam dadurch auch nicht zu einer Lösung.

          Komisch. Naja brauch ja zum glück display: block; nicht.

          Danke für die Hilfe.

          1. Hallo steffen.

            ne habe ich noch nicht gemacht. Dachte nur Ihr wüßtet prompt, wieso dies passiert.

            Allein in Verbindung mit display:block ist mir kein IE-Bug bekannt, wenn dieser sich im Standard Compliance Modus befindet.

            Habe es mal mit dem *-Selektor gemacht und kam dadurch auch nicht zu einer Lösung.

            Margin und padding waren in allen Browsern gleich?

            Komisch. Naja brauch ja zum glück display: block; nicht.

            Aber ein gültiges Dokument wäre von Vorteil.

            Einen schönen Mittwoch noch.

            Gruß, Ashura