Autor |
Nachricht |
caZpa
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 06.03.2008 14:36
Titel css ff/ie problem - abstand oben/unten |
|
|
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:
|
Verfasst Do 06.03.2008 14:42
Titel
|
|
|
könntest du da mal den relevanten kot posten??
|
|
|
|
|
Anzeige
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 06.03.2008 14:43
Titel
|
|
|
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.
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 06.03.2008 14:51
Titel
|
|
|
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
|
|
|
|
|
caZpa
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 06.03.2008 14:57
Titel
|
|
|
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
|
|