CSS Browserfehler IE 6.x ./. Firefox

dsstein

Hallo Forum,
bei nachfolgendem Sample ist die Darstellung unterschiedlich.
IE 6.x zeigt es richtig an aber Firefox nicht.

Ansicht ist ein Text mit einem Schatten. Bei Firefox
klaffen die beiden Texte weit auseinander.
So als ob die margin-left und margin-top: Angaben anders dargestellt werden.

Was ist falsch?

Code

<style type="text/css">

  #x1logoshadow 
  {font-family: "Brush script MT";
   font-size: 42pt;
   font-weight: bold;
   color: silver;
   margin-left: 220pt;
   margin-top: -100pt;
   }


   #x1logo 
   {font-family: "Brush script MT";
    font-size: 42pt;
    font-weight: bold;
    color: #9999CC;
    margin-left: 220pt;
    margin-top: -121pt;
    }
 </style>

Alles anzeigen

-----------------------------------

Code

<p id=x1logoshadow>
    Hallo Welt 


    Meine Webseite
 </p>



 <p id=x1logo>
    Hallo Welt 


    Meine Webseite
 </p>

Alles anzeigen

Danke
Dstein

phore

hallo.

spontan sehe ich gerade dass du pt verwendest anstatt px - ersetz mal alle "pt's" - klappt das?

mfg - phore

dstein

Hallo,
Danke für deine Antwort.

Ich habe es auf beide Arten versucht.
Bei mir wird es unterschiedlich angezeigt.

Ich habe das simple-Sample auf auf meine Webseite gestellt:

http:// [url]http://www.dirkstein.de/test/

Bei mir ist es unterschiedlich ob IE(richtig) und Firefox(falsch)

Danke
DStein

Modula

wenn du nur kurze Texte schattieren möchtest kannst du das so machen:

Code

<style type="text/css">
<!--
.normal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  z-index: 2;
  font-weight: bold;
  color: #999999;
  position: relative;
}
.schatten {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  z-index: 1;
  font-weight: bold;
  color: #000000;
  position: relative;
  left: 1px;
  top: -11px;
}
p {
  margin: 0px;
}
-->
</style>

Alles anzeigen

[...]

Code

<div class="normal">Text</div>
<div class="schatten">Text</div>
<div>
  <p class="normal">Text mit Absatz</p>
  <p class="schatten">Text mit Absatz</p>
  <p class="normal">Um die Benutzbarkeit innerhalb eines & lt;p& gt; zu demonstrieren.</p>
  <p class="schatten">Um die Benutzbarkeit innerhalb eines & lt;p& gt; zu demonstrieren.</p>
</div>

(die Leerzeichen nach dem & jeweils wegdenken ;))

CSS Browserfehler IE 6.x ./. Firefox

Tags

Benutzer online in diesem Thema