Autor |
Nachricht |
modstyle
Threadersteller
Dabei seit: 29.05.2005
Ort: Münster
Alter: 40
Geschlecht:
|
Verfasst Do 18.05.2006 16:19
Titel Text-Block-Abstände |
|
|
Hi!
Dass IE und FireFox via CSS formatierte Webseiten unterschiedlich darstellen ist ja nichts neues und man hat ja gelernt damit umzugehen .
Mein Problem ist aber nun, dass ich von einem Kunden bzw. meinem Chef dazu genötigt werde eine Webseite zu erstellen, die eine feste Größe hat (d.h. eine Box mit der Größe von 850 x 560 Pixel im Browserfenster zentriert). Dadurch habe ich natürlich nur beschränkt Platz, um Inhalte unterzubringen.
Und dabei macht sich auch ein Darstellungs-Unterschied der o.g. Browser massiv bemerkbar: Die Abstände zwischen P- und H[1-6] - Tags sind unterschiedlich: Der Internet Explorer zeigt sie größer an. Somit fängt der Text im IE nicht nur weiter unten an, sondern kriegt durch die größeren Abstände auch 1-2 Zeilen weniger Text in das gegebene Format. Wenn ich nun mit diversen abstandsverändernden Optionen rumspiele, wirken die sich auch im Firefox aus, was ich vermeiden möchte.
Hat jemand eine Idee wie man ohne zu pfuschen die Abstände bei IE und FF gleich kriegt oder ist das ein zum Scheitern verurteiltes Unterfangen ?!?!
Danke für die Hilfe!
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Do 18.05.2006 16:31
Titel
|
|
|
Ich bin mir nicht hundert prozentig sicher, ob ich dich jetzt richtig verstanden habe ...
... aber:
sofern du mittels CSS alles margins/paddings auf null setzt
Code: |
* { margin: 0; padding: 0 }
|
und den entsprechenden Elementen anschließend die gewünschen Abständen zuweist
Code: |
p.bodytext { margin: 10px 0 15px 0; padding: 10px 5px; }
h4 { margin: 20px; padding: 5px 5px 5px 10px; }
|
etc. kommts auch hin.
Notfalls bindest du für den IE mittels conditional comment ein extra StyleSheet ein oder nutzt diverse hacks ...
|
|
|
|
|
Anzeige
|
|
|
modstyle
Threadersteller
Dabei seit: 29.05.2005
Ort: Münster
Alter: 40
Geschlecht:
|
Verfasst Do 18.05.2006 17:19
Titel
|
|
|
Hi!
Danke für die Antwort, werde das morgen mal ausprobieren.
Ist es aber nich so, dass bei margin und padding auch IE/Firefox-Differenzen bestehen oder tritt das nur bei DIV-Containern auf?
|
|
|
|
|
bel
Dabei seit: 09.07.2004
Ort: Hamburg
Alter: -
Geschlecht: -
|
Verfasst Do 18.05.2006 17:29
Titel
|
|
|
Kommt auf deinen Doctype an. Es kann Unterschiede geben, muss aber nicht, dein Stichwort ist: boxmodel(hack).
|
|
|
|
|
|
|
|
Ähnliche Themen |
Abstände zwischen Text und <ul> verringern in DreamweaverCS3
Block- und Listenansicht
<li> Abstände/Zwischenräume im IE
[CSS] zu große Abstände in IE
abstände safari / ie
{css} variable abstände mit css?
|
|