Bilderrahmen - Problem mit CSS & IE

[dude]

hi,
habe per css folgendes in ein img-tag eingefügt:

style="border:1px dashed black; padding:5px;"

dummerweise wird das padding zwar im firefox aber nicht
im explorer dargestellt!

gibts evtl. ne alternative?

[Gunnar Bittersmann]

habe per css folgendes in ein img-tag eingefügt:
style="border:1px dashed black; padding:5px;"

dude,
Das ist schlecht. Ein Sinn von CSS ist ja die Trennung von Struktur- (HTML) und Layoutangaben (CSS). Alle Styleangaben sollten zusammengefasst im zentralen Stylesheet (style-_Element_ im head) bzw. einer externen Datei stehen, nicht vereinzelt in style-Attributen.

dummerweise wird das padding zwar im firefox aber nicht
im explorer dargestellt!

Huch, ein Bug im Firefox?

Padding bestimmt den Innenabstand des Elementinhalts vom Rand. img hat keinen Inhalt.

gibts evtl. ne alternative?

Außenabstand: margin.

Live long and prosper,
Gunnar

[dude]

...geht leider nicht.
margin ist ja auch der außenabstand zu einem anderen objekt/element.
der rahmen ist aber kein objekt sondern eine css eigenschaft.
oder sehe ich das falsch?

[Gunnar Bittersmann]

dummerweise wird das padding zwar im firefox aber nicht
im explorer dargestellt!

Huch, ein Bug im Firefox?

Nein. Vergiss das zuvor Gesagte. Lesen bildet:

'padding-top', 'padding-right', 'padding-bottom', 'padding-left'
    […] Angewendet auf: Alle Elemente [CSS2 §8.4]

Jede Box hat einen Inhaltsbereich (content) (z.B. Text, ein Bild usw.) und optional Polsterung (padding), […] [CSS2 §8.1]

Inhaltskante oder innere Kante (content edge)
    Die Inhaltskante umschließt den dargestellten Inhalt des Elements. [CSS2 §8.1]

Dargestellter Inhalt
    […] Der dargestellte Inhalt eines ersetzten Elements kommt von außerhalb des Quelldokuments. […] [CSS2 §3.1]

img hat keinen Inhalt.

Grmpf, aber dargestellten Inhalt. Also sollte padding auch bei img wirken.

Der Fehler liegt also nicht beim Firefox, sondern wohl wieder mal beim IE.

Live long and prosper,
Gunnar