margin für img Tag
René
- css
0 MudGuard0 René
0 Christian Seiler
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é
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
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é
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