René: margin für img Tag

Hallo,

ist es standardkonform margin's bei dem img Tag zu verwenden. Eigentlich ist img ja ein Inlinetag und ich denke mal margin ist wohl nur für Blockelemente, oder ist das egal?

Mein Problem ist nämlich folgendes: Ich will eine Grafik ausrichten. Ich habe die Grafik also schön in ein <div> gepackt. Im CSS habe ich für dieses div nun margin:10px; sowie text-align:center; reingeschrieben. Opera 7/Netscape 6/Mozilla und IE 6 machen das alle wunderbar. Nur im IE 5 funktioniert das nicht. Erst wenn ich das margin auf das img selbst anwende reagiert auch der IE 5. Ich möchte aber das die Lösung W3C konform ist.

Das ganze sieht man auf http://www.php4scripte.de, dort das PHP Icon links unter dem Menü.

schönen Gruß
René

  1. Hi,

    Hallo,

    ist es standardkonform margin's bei dem img Tag zu verwenden. Eigentlich ist img ja ein Inlinetag und ich denke mal margin ist wohl nur für Blockelemente, oder ist das egal?

    Weder bei

    'margin-top', 'margin-right', 'margin-bottom', 'margin-left'
        Value:   <margin-width> | inherit
        Initial:   0
        Applies to:   all elements
        Inherited:   no
        Percentages:   refer to width of containing block
        Media:   visual

    noch bei

    'margin'
        Value:   <margin-width>{1,4} | inherit
        Initial:   not defined for shorthand properties
        Applies to:   all elements
        Inherited:   no
        Percentages:   refer to width of containing block
        Media:   visual

    sehe ich eine Einschränkung auf block-Elemente. "Applies to: all elements" ist eigentlich ziemlich eindeutig.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. sehe ich eine Einschränkung auf block-Elemente. "Applies to: all elements" ist eigentlich ziemlich eindeutig.

      Vielen Dank. Mir war nur irgendwie etwas anderes in Erinnerung.
      René

  2. Hallo René,

    ist es standardkonform margin's bei dem img Tag zu verwenden. Eigentlich ist img ja ein Inlinetag und ich denke mal margin ist wohl nur für Blockelemente, oder ist das egal?

    Das ist egal, aus http://www.w3.org/TR/REC-CSS2/box.html#margin-properties:

    'margin'
        Value:   <margin-width>{1,4} | inherit
        Initial:   not defined for shorthand properties
        Applies to:   all elements
        Inherited:   no
        Percentages:   refer to width of containing block
        Media:   visual

    Wichtig ist die Zeile mit "Applies to".

    Viele Grüße,
    Christian