Sebastian: Designtips?

Beitrag lesen

Hallo Ingo,

Wenn ich das bei den Grafiken nicht auch dynamisch umsetzen würde würde ja ein Teil des Layouts sich nicht anpassen.
Vom Browser skalierte Grafiken haben immer einen mehr oder weniger sichtbaren Qualitätsverlust. Eine andere Möglichkeit bieten u.U. sich wiederholende Hintergrundgrafiken.

Ich hatte beides probiert. Die Grafiken, die ich ohne Größenangabe angezeigt hatte und in Photoimpact verkleinert hatte sahen pixeliger aus als die, die ich größer gespeichert hatte und von mozilla verkleinert hatte. Daher hab ich das so übernommen wie es jetzt ist.

Kann ich bei Grafiken eigentlich die Höhe auch im style angeben? Weil strict mag wohl die nachkommastellen nicht in den height-angaben. Ansonsten muß ich runden lassen.

Solange die Rundungsfehler minimial sind ist es ok.
Selbst 1px kann eine Grafik schon verzerren, wenn die Proportionen nicht mehr stimmen. Wenn em, dann hier nur für Breite _oder_ Höhe.

Wie das? Damit die Proportionen übereinstimmen muß doch beides in der gleichen Maßeinheit sein damit bei Größenänderung auch in beide Richtung passend vergrößert wird oder wie meinst du das?

Also ein font-size von jetzt 1.5ex schreibe ich dann halt 100% oder wieviel es braucht um dasselbe mit Prozent zu erreichen. Oder besser 100.01%
100% ist schlecht, 100.1% oder meinetwegen auch 100.01% gut. Das entspricht dann 1em bzw. in Georgia 2ex bzw. 16px, sofern dies die Standardeinstellung des Browsers ist.

Ich habe auch 100.01% genommen.
Jetzt ist aber das Problem da, was ich schon mit ex kannte. Im IE6 sieht die Schriftgröße passabel aus. Aber im mozilla ist sie zu groß.
Das soll ja aber nicht so sein. Obwohl. Andererseits. Wenn das Design ganz auf em basiert dann ist halt einfach nur alles größer im mozilla. :-)
Wird also vermutlich funktionieren.

Das Problem was ich mich frage, ob es auftritt ist, was passiert, wenn ich zB den Body Schriftgröße 90% angebe und die Überschriften im Body mit 1.2em. Wird dann von 90% 120% genommen oder 120% von 100%?
rechne einfach 1.2em * 0.9.

Dann könnte ich aber das Problem bekommen daß eine Überschrift im Haupdiv größer ist als eine gleiche überschrift in einem untergeordneten Div oder?
Was ist für em denn relevant? Es geht immer von der normalen Standardschriftgröße aus?
Wenn das der Fall ist dürfte es keine Probleme geben weil ich diese Schriftgröße immer gleich lassen werde. Nur wenn andere angaben sich gegenseitig beeinflussen könnte es sich ärgern.

Und wie ist das mit der Vererbung wenn ich die Größenangaben von DIVS zB damit festlege.
Ich will ja nicht, daß ich eine Schriftgröße festlege und nur weil ich in einer Unterbox eine Überschrift schreibe, daß diese dann kleiner ist.
Dabei denke ich an das Beispiel auf deiner em-Seite.
Du mußt halt die Vererbung berücksichtigen; dies alledings nur in verschachtelten Elementen. Wenn Du z.B. 1.2em für h2 definierst, dann bekommen alle h2 diese Größe, da sie ja nicht ineinander verschachtelt werden können. Ausnahme: wenn ein h2 in einem div ist, für das Du eine von 1em abweichende Größe angegeben hast - dann mußt Du diesen Faktor berücksichtigen.

Und in diesem DIv wird h2 auch nur dann eine andere größe haben wenn die Standardschriftgröße anders ist?

Anders z.B. bei verschachtelten Listen. Hier macht es wenig Sinn, für ul oder li allgemein eine Schriftgröße zu definieren - Ausnahme: man bezweckt genau dieses.
Unproblematischer ist es da, für ein evtl. vorhandenes Elternelement die Schriftgröße zu definieren oder nur für die äußere ul oder die äußeren li.

OK.

Grüße,
Sebastian

1 139

Designtips?

Sebastian
  • css
  1. 1
    Sebastian Salzgeber
    1. 0
      Sebastian
      1. 0
        Sebastian Salzgeber
        1. 0
          Sebastian
          1. 0
            Sebastian
            1. 0
              Dennis
    2. 0
      Andreas Lindig
  2. 0
    Jeena Paradies
    1. 0
      Sebastian
      1. 0
        Sebastian
        1. 0
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
                1. 0
                  Ashura
                  1. 0
                    Sebastian
                    1. 0
                      Ashura
                      1. 0
                        Sebastian
    2. 0
      Jeena Paradies
      1. 0
        Sebastian
        1. 2
          Jeena Paradies
          1. 0
            Sebastian
            1. 1
              Jeena Paradies
              1. 0
                Sebastian
                1. 0
                  wahsaga
                  1. 0
                    Sebastian
                    1. 0
                      wahsaga
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. -1
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Jeena Paradies
                                        1. 0
                                          Sebastian
                                        2. 0
                                          at
                    2. 0
                      Schuer
                      1. 0
                        Sebastian
                        1. 0
                          Schuer
                          1. 0
                            Sebastian
                            1. 0
                              at
                2. 1
                  Jeena Paradies
                  1. 0
                    Sebastian
                    1. 0
                      at
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Sebastian
                                        1. 0
                                          Ingo Turski
                                          1. 0
                                            Jeena Paradies
                                            1. 0
                                              Ingo Turski
                                              1. 0
                                                Jeena Paradies
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Jeena Paradies
                                                    1. 0
                                                      Ingo Turski
                                            2. 0
                                              at
                                            3. 0
                                              Sebastian
                                          2. 0
                                            Sebastian
                                            1. 0
                                              Sebastian
                                              1. 0
                                                Ingo Turski
                                                1. 0
                                                  Sebastian
                                                  1. 0
                                                    Ingo Turski
                                                    1. 0
                                                      Sebastian
                                            2. 0
                                              Ingo Turski
                                              1. 0
                                                Sebastian
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Sebastian
                                                    1. 0
                                                      Ingo Turski
                                                      1. 0
                                                        Sebastian
                                                        1. 0
                                                          Detlef G.
                                                          1. 0
                                                            Sebastian
                                                            1. 0
                                                              Detlef G.
                                                              1. 0
                                                                Ingo Turski
                                                                1. 0
                                                                  Detlef G.
                                                              2. 0
                                                                Sebastian
                                                    2. 0
                                                      at
                                                    3. 0
                                                      Detlef G.
                              2. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
          2. 0
            Dennis
            1. 1
              Jeena Paradies
              1. 0
                at
                1. 0
                  Jeena Paradies
                  1. 0
                    at
              2. 0
                Dennis
                1. 2
                  Jeena Paradies
                  1. 0
                    Dennis
                2. 0
                  at
  3. 0
    Sebastian
    1. 1
      Ashura
      1. 0
        Sebastian
        1. 1
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
    2. 1
      at
      1. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
            1. 0
              at
              1. 0
                Sebastian
                1. 0
                  at
                  1. 0
                    Sebastian
                    1. 0
                      Jeena Paradies
                      1. 0
                        Sebastian
                        1. 0
                          Jeena Paradies
                          1. 0
                            Sebastian
      2. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
  4. 0
    Sebastian
    1. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
  5. 0
    Sebastian
    1. 0
      at
      1. 0
        Sebastian
        1. 0
          Sebastian
          1. 0
            at
            1. 0
              Sebastian
              1. 0
                at
                1. 0
                  Sebastian
                  1. 0
                    at
    2. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
          1. 0
            Sebastian
            1. 0
              at
            2. 0
              Detlef G.