mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 15:35 Benutzername: Passwort: Auto-Login

Thema: css ff/ie problem - abstand oben/unten vom 06.03.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css ff/ie problem - abstand oben/unten
Autor Nachricht
caZpa
Account gelöscht Threadersteller


Ort: -

Verfasst Do 06.03.2008 14:36
Titel

css ff/ie problem - abstand oben/unten

Antworten mit Zitat Zum Seitenanfang

habe ein div mit h1,p,p,p
position absolut
und fixe breite
mehr nicht

jetzt habe ich das problem das der abstand vom oberen rand
bis zur ersten zeile (+ unterer rand bis zur letzten) im firefox
größer ist als im ie. im ie sind alle abstände (oben, unten,
rechts, links) gleich groß. im ff wie gesagt oben/unten größer

kennt einer das problem??
 
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:42
Titel

Antworten mit Zitat Zum Seitenanfang

könntest du da mal den relevanten kot posten?? Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 06.03.2008 14:43
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn du mit unterschiedlichen Abständen die Abstände zu den jeweiligen Absätzen meinst, das kommt daher dass IE und FF unterschiedliche Zeilenabstände für die p-Tags von Haus aus definiert haben. Ergänz den Code für die p-Tags einfach um "line-height: wert", "padding: wert 0 wert 0" und "margin: wert 0 wert 0". So sollten alle Absätze den selben Zeilenabstand sowie exakt die selben Abstände oberhalb und unterhalb zum nächsten Element haben, sowohl im IE als auch im FF.
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

Verlasse Dich nie auf Browser-defaults und stelle Deinem CSS folgendes voran:

Code:
* {
   margin: 0;
   padding: 0;
   }


Wenn Du Formulare verwendest, kannst Du auch einen differenzierten Reset durchführen und dabei z.B. Radio-Buttons und Checkboxen außenvor lassen.

Außerdem beachte, dass der FX mit "collapsing margins" (Google) in bestimmten Fällen anders umgeht als der IE, z.B. wenn ein div ohne padding-top oder border-top als erstes Kindelement z.B. eine h1 mit margin-top enthält.


Zuletzt bearbeitet von heiko_rs am Do 06.03.2008 14:52, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
caZpa
Account gelöscht Threadersteller


Ort: -

Verfasst Do 06.03.2008 14:57
Titel

Antworten mit Zitat Zum Seitenanfang

heiko_rs hat geschrieben:
Verlasse Dich nie auf Browser-defaults und stelle Deinem CSS folgendes voran:

Code:
* {
   margin: 0;
   padding: 0;
   }
die lösung, danke!
 
 
Ähnliche Themen CSS Problem mit Abstand zwischen Listen-Elementen
HTML/CSS Problem mit <html><body> komischer Abstand unten
html abstand
hp hat abstand zum browserrand
[css] - Abstand zwischen img und div
Abstand nach <p> Tag
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.