nicht angemeldet
Abstand in px oder em
1 0 
Gunnar Bittersmann
Abstand in px oder em
Hallo zusammen,
soll man besser die Abstände in em oder in px angeben.
h1, h2 {margin:0,2em 0,5em 0,2em 0,5em;}
div {margin-top:10px; margin-bottom:15px;}
Ich möchte erreichen, dass man Layout annäherend bei allen Besuchern gleich ist.
Danke im voraus.
-
hallo,
soll man besser die Abstände in em oder in px angeben.
Die Frage, welche Maßeinheit man nehmen sollte, hat das Forum schon vielfach beschäftigt. Es gibt dazu keine einfache und grundsätzliche Antwort.
Lies einmal in der Wikipedia nach, und lies auch den weiterführenden Link (falls der Server nicht grade down ist, was häufiger zu passieren scheint)
"Pixellayouts" haben einige erhebliche Nachteile. Das geht schon bei der Skalierbarkeit los. Auf den ersten Blick wird es also eher geraten sein, generell em als Maßeinheit einzusetzen - bis du irgendwann auch da bemerkst, daß das kein Allheilmittel ist.
Du hast nun die Auswahl, über deine CSS festzulegen, für welche Teile deiner HP du Pixel, für welche du em und für welche du beispielsweise eine Schnürsenkellänge festlegen möchtest. Es ist durchaus zulässig, auf einer Seite beispielsweise sowas zu bauen:
#middle .modulX (width: 12.4em, margin: 4px}Grüße aus Berlin
Christoph S.
-
@@Stefan:
soll man besser die Abstände in em oder in px angeben.
Komm drauf an, was du erreichen willst.
Ich möchte erreichen, dass man Layout annäherend bei allen Besuchern gleich ist.
Das willst du nicht erreichen. Das ist nicht zu erreichen; dafür sind die Gegebenheiten bei verschiedenen Nutzern zu unterschiedlich (Viewportgröße, Schriftgröße).
Willst du den Abstand anhängig von der Schriftgröße angeben (bei Text durchaus empfehlenswert, denn 20px Abstand bei 10px kleiner Schrift ist viel, 20px Abstand bei 40px großer Schrift ist wenig), dann in em (oder %).
Bei Elementen mit fester Größe (Bilder) kann evtl. auch eine feste Angabe des Abstands in px sinnvoll sein.
Live long and prosper,
Gunnar--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)-
hallo Gunnar,
Bei Elementen mit fester Größe (Bilder) kann evtl. auch eine feste Angabe des Abstands in px sinnvoll sein.
Dann skalieren solche Bilder aber nicht mehr - zumindest nicht im IE6, teils auch nicht mehr im (aktuellen) Firefox.
Grüße aus Berlin
Christoph S.
-
@@Christoph Schnauß:
Bei Elementen mit fester Größe (Bilder) kann evtl. auch eine feste Angabe des Abstands in px sinnvoll sein.
Dann skalieren solche Bilder aber nicht mehr - zumindest nicht im IE6, teils auch nicht mehr im (aktuellen) Firefox.
Wovon sprichst du?
img { width: 4.2em; margin: 42px }und das Bild skaliert wie verrückt – bei konstant breitem Rahmen.
Außerdem sprach ich von „Elementen mit fester Größe (Bilder)“ – das Bild sollte gar nicht skalieren.
Live long and prosper,
Gunnar--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
-
-
Hi,
Willst du den Abstand anhängig von der Schriftgröße angeben (bei Text durchaus empfehlenswert, denn 20px Abstand bei 10px kleiner Schrift ist viel, 20px Abstand bei 40px großer Schrift ist wenig), dann in em (oder %).
wieso %? Die Elementbreite ist nun wirklich nicht als Bezug geeignet wieso Breite?).
freundliche Grüße
Ingo -
Hallo Gunnar,
danke für dein Posting.
Ich werde dann px nehmen.
Viele Grüße!
-