• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellung im IE und Firefox verschieden

Status
Für weitere Antworten geschlossen.

bucada

Neues Mitglied
Hi !!!

Ich habe meine Homepage auf dem Firefox probiert.
Ich habe mit CSS die Abstände eines Textes an ein Bild angepasst, so das der Text genau auf der Höhe des Bildes erscheint (top: 140px).
Code:
#bild_1 {
  position: absolute;
  width: 130px;
  top: 140px;
  left: 105px;
}

p.text {
  position: absolute;
  width: 630px;
  height: 150px;
  top: 140px;
  left: 270px;
  font-size: 10px;
  font-family: century gothic;
}
Im IE wird das ganze auch so angezeigt. Ich habe es mal mit Firefox ausprobiert und der Text erscheint etwa 10 Pixel tiefer als das Bild. :(
Woran liegt es?
Wie kriege ich es hin, dass der Text im Firefox auch auf der Höhe des Bildes beginnt?

Eine weitere Sache, die nicht funktioniert, ist im IE.
<p align=justify>
funktioniert dort nicht. Das macht mir die gesamte Formatierung kaputt.:(
 
Zuletzt bearbeitet:
probier mal margin für das text element explicit auszuweisen
Code:
p.text {
  [COLOR=red]margin:0px;[/COLOR]
  position: absolute;
  width: 630px;
  height: 150px;
  top: 140px;
  left: 270px;
  font-size: 10px;
  font-family: century gothic;
 
Das mit margin hat funktioniert. Vielen Dank. :)

Das mit CSS klappt leider noch nicht.
Ich habe es sowohl extern in einer anderen CSS Datei hinzugefügt
Code:
p.justify {
  text-align: justify;
}

html:
   <p class="justify">
   Text...
   </p>
als auch direkt in der html Datei ohne der Änderung der CSS Datei wie hier vorgeschlagen:
Versuch es mal mit CSS
Code:
<p style="text-align: justify;">
 
Dann kann ich Dir im Moment nur folgendes anbieten:
Code:
<p style="text-align: justify; margin:0 auto;">

Wenn das auch nicht funkioniert, steh ich auf den schlauch :(
 
Leider klappt das auch nicht.

Das ist schon seltsam, denn im Firefox sieht alles gut aus, nur der IE zeigt es mir ganz falsch an.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben