Stephanie G.: border (top) in IE angezeigt, in firefox nicht

Hallo!

Folgendes Problem:
Ich möchte am oberen Rand eines farbigen Textfeldes eine Linie erzeugen.
Das Textfeld wird per CSS-datei definiert, hier der Ausschnitt:

[...]
#text1
{
padding-right: -3px; padding-left: 3px; padding-top: 1px; padding-bottom: -4px;
z-index: 1; left: 20px; top: 68px; width: 400px; height: 70px; position: absolute;
text-align: justify; font-family: arial, univers, helvetica; font-size: 9pt;
color:#3E4755 ; overflow: auto; text-align: left; background-color:#C2C2C2;
border-top:1 solid #585348;
}

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

I.4 Zufallszahlen
sqrt() - Wurzel
 $a=4.75;
   echo "Variable a: $a <br>";
   $erg = sqrt($a);
   echo "Wurzel aus a: $erg<br>";

Hochzahlen
$erg = pow($a,2);
</div>
<div id=layout>
<img width=680 height=470 src="layout.jpg" border=0>
</div>
</div>
</div>

Im IE sieht das ganze nun folgendermaßen aus:
http://img381.imageshack.us/img381/7575/iexplore6it.jpg

Und in Firefox so:
http://img381.imageshack.us/img381/8679/firefox6gp.jpg

Gibts für mein Problem ev einen kleinen Trick?
Danke im Voraus!

mfg
Stephanie G.

  1. Hallo!

    hi Stephanie G.

    was mir gleich aufgefallen ist:

    border-top:1 solid #585348;

    Was machst du da mit der 1?
    Ist das 1% oder 1px oder 1em?
    Das weiß der Firefox nicht und tut halt garnix.

    MfG Jan

    1. Was machst du da mit der 1?
      Ist das 1% oder 1px oder 1em?
      Das weiß der Firefox nicht und tut halt garnix.

      Genau das war der Fehler. Ich habe "1px" eingegeben und es funktioniert :) Danke!

  2. 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]
    1. Die padding-Eigenschaft lässt keine negativen Werte zu, diese Angaben müssen also ignoriert werden.

      Das ganze ist ein Trick zwecks der Sicherstellung des gleichen Layouts in IE und Firefox.
      IE nimmt die negativen Werte sehr wohl an.

      Wozu die absolute Positionierung?

      Bei den Layouts, die ich erstellt habe, war die Darstellung mit abs. Positionierung einfacher zu handhaben; und ich mag die relative Positionierung einfach nicht :)

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

      Ah, dankeschön!

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

      Ich arbeite eigentlich am liebsten mit pt...unter diesen angaben kann ich mir besser was vorstellen.

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

      Ja, früher hat die einfache Angabe von "1" funktioniert - jetzt habe ich px angefügt und das ganze funktioniert (was ja das eigentliche prob war)

      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.

      die faulheit, die aus mir spricht :)

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

      Ah, das habe ich nicht gewusst....danke!

      Nebenbei bin ich hobby-layouter, also sind die einen oder anderen "vergehen" bei mir nicht so schlimm. ich danke dir trotzdem dass du mich auf die vielen kleinigkeiten aufmerksam gemacht hast!