Ashura: border (top) in IE angezeigt, in firefox nicht

Beitrag lesen

Hallo Stephanie.

padding-right: -3px; padding-left: 3px; padding-top: 1px; padding-bottom: -4px;

Die padding-Eigenschaft lässt keine negativen Werte zu, diese Angaben müssen also ignoriert werden.

z-index: 1; left: 20px; top: 68px; width: 400px; height: 70px; position: absolute;

Wozu die absolute Positionierung?

text-align: justify; font-family: arial, univers, helvetica;

Du hast vergessen, eine generische Schriftfamilie anzugeben, hier „sans-serif“

font-size: 9pt;

Du entwirfst ein Druckstylesheet? Wenn nicht, dann solltest du px und pt vergessen und statt dessen zu em und % greifen.

border-top:1 solid #585348;

1 was? 1 Flugzeugpilot? 1 Webgestalter, der sich auf die freie Interpretation des IEs verlässt?

Und hier die index.html datei:
[..]
<div id=position>
<div id=window>
<div id=text1>

Bitte notiere _immer_ die Anführungszeichen um Attributwerte. Dies ist erstens sauberer, zweitens in XHTML Pflicht und drittens auch in HTML zwingend erforderlich, wenn du z. B. mehrere Klassen notieren möchtest.

Und wozu die div-Suppe?

<img width=680 height=470 src="layout.jpg" border=0>

Du verwendest CSS, also ist das border-Attribut gänzlich überflüssig.
Zudem hast du vergessen, das erforderliche alt-Attribut anzugeben.

Einen schönen Montag noch.

Gruß, Ashura

--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]