Abstand zu groß

[tobiasre]

Hi,
ich habe das Problem das meine "Seite" im Firefox nicht richtig dargestellt wird da die Abstände zu groß sind. Bei Webkitbrowser wie Safari funktioniert es was wohl daran liegt das bei Webkit "margin-bottom: -10px" funktioniert und bei Firefox nicht.
Deshalb meine Frage wie ich die Abstände verringere?

Seite: Favetec

- cheers

 

[timbouu]

Darf ich mal Fragen, wieso du im #content schon margin-top: -400px; benutzt und dann für die Elemente dann margin-bottom: -10px;?
Du kannst doch einfach margin-, bzw. padding-top verwenden.

 

[tobiasre]

"Margin-Top: -400px" weil das komplette #content div per javascript von oben einfährt. Wie du sicherlich bemerkst wenn du nochmal reload drückst ;)
"Margin-Top: -10px" weil der abstand zwischen Item und Linie sonst zu groß ist. Das funktioniert aber leider nur in Safari und nicht in Firefox was ja mein Problem ist.

 

[neuroleptika]

Das ganze ist Schriftgrößenabhängig.
Wenn ich im Safari den Text-zoom hochdrehe passt es da auch nicht mehr.

Du hast ein Img als Trenner für eine 1px-line verwendet.
Du köntest es zum clearen benutzen.

display: block;
clear: left;

 

[tobiasre]

Ok hab es gelöst. Danke!

 

[neuroleptika]

Nicht ganz:
Der IE<8 bräuchte noch position: relative; für #item und left: 0; für #itemfont.
IE<7 auch font-size: 0; oder overflow: hidden; für deinen neuen Trenner.