at: Browserabhängige Darstellung für Opera

Beitrag lesen

Hallo.

Safari 3.0.4
FF 2, FF 3
K-Meleon
Chrome

Also mit zwei Rending-Engines. Hinsichtlich der modernen und offiziell erschienenen sind das knap 67%.

Soweit ich weiss, arbeiten die meisten Browser ja eh mit der Gecko-Engine, somit kann man ja fast davon ausgehen, dass der grossteil der verbleibenden Browser ähnliches verhalten zeigen dürften.

Vorsicht, Opera und insbesondere Webkit sind auf mobilen Geräten und Spielkonsolen sehr verbreitet. Und da diese Geräte sowie Mischformen stark zunehmen, solltest du diese Browser nicht aus den Augen verlieren. -- Dass die Hersteller von Neuentwicklungen wie Safari, Chrome oder Nokias S60-Browser sich eher WebKit bedienen, ist ja offensichtlich. Dass aber mit Epiphany der offizielle Browser des Gnome-Projektes allmählich und wahrscheinlich noch in der ersten Hälfte dieses Jahres vollständig von Gecko auf WebKit umgestellt wird, sollte den Damen und Herren bei Mozilla zu denken geben.

Wobei ich gestern auf Browsershots mal wieder vom Gegenteil überzeugt wurde, da sieht mein neues Layout in vielen Browsern nicht so toll aus (grösstenteils Float-Probleme, ich muss mir dass jetzt doch mal genauer ansehen).

Und ich vermute, dass das meist an unterschiedlichen Gecko-Versionen liegt, die in den einzelnen Browsern ihre Anwendung finden. Wie gesagt: Einiges funkioniert nur in FF3, anderes nur noch in FF2. Und beispielsweise K-Meleon basiert bekanntlich wie FF2 noch auf Gecko 1.8.1.

Verändert habe ich lediglich die Farben sowie den linken Außenabstand von -10px auf -15px, um die Bündigkeit zu erzielen. Die Frage lautet: Wohin verschwinden bei Firefox diese -15px? Und die zweite Frage lautet: Wie erziele ich das korrekte Ergebnis? Dazu noch ein kleiner Tipp: Relatives oder absolutes Positionieren funktioniert hier ebenfalls in Opera und Safari, nicht aber in Firefox.

Tatsache, Danke für dieses Beispiel, jezt verstehe ich was du meinst, und nein, ich konnte da auf die schnelle auch keine Lösung für finden.
Es bleibt ja nicht viel, mit dem man eine Lösung finden könnte, ausser positionierungen. Vielleicht mit Javascript, da habe ich aber keine Ahnung von.

Sollte dir durch Ausprobieren, Recherche oder Zufall noch eine Lösung über den Weg laufen, lasse es mich bitte wissen. Denn mir geht es schließlich nicht darum, Firefox an den Pranger zu stellen oder irgendwelche Fehler gegen die anderer Browser aufzurechnen. Mir geht es nur darum, mit möglichst geringem Aufwand ein browser-übergreifend zufriedenstellendes Ergebnis zu erzielen.
Nur um das noch einmal deutlich zu sagen: Ich weiß, dass Opera als Programm seine Schwächen und auch Presto einige Macken hat. Das ist letztlich bei keinem Browser anders und anders wären immer neue Versionen ja auch kaum zu rechtfertigen. Mir ging es nur darum, diese Schwarz-Weiß-Malerei zu konterkarieren.
MfG, at

0 64

Browserabhängige Darstellung für Opera

_Martin_
  • design/layout
  1. 0
    Shadowcrow
    1. 0
      ich
      1. 0
        _Martin_
        1. 0
          ChrisB
          1. 0
            _Martin_
        2. 0
          Shadowcrow
          1. 0
            Kai345
            1. 0
              Harlequin
              1. 0
                Kai345
                1. 0
                  Malcolm Beck´s
                  1. 0
                    Kai345
                    1. 0
                      Malcolm Beck´s
                      1. 0
                        at
                        1. 0
                          Malcolm Beck´s
                          1. 0
                            at
                            1. 0
                              Malcolm Beck´s
                              1. 0
                                at
                                1. 0
                                  Malcolm Beck´s
                                  1. 0

                                    Versteht Opera kein % für width bei Float?

                                    Malcolm Beck´s
                                    • css
                                    1. 0
                                      at
                                      1. 0
                                        Malcolm Beck´s
                                        1. 0
                                          at
                                          1. 0
                                            Malcolm Beck´s
                                            1. 0
                                              at
                                              1. 0
                                                Malcolm Beck´s
                                                1. 0
                                                  at
                                                  1. 0
                                                    Malcolm Beck´s
                                                    1. 0
                                                      at
                                                      1. 0
                                                        Malcolm Beck´s
                                                        1. 0
                                                          Kai345
                                                          1. 0
                                                            Malcolm Beck´s
                                                            1. 0
                                                              Kai345
                                                        2. 0
                                                          at
                                                          1. 0
                                                            Malcolm Beck´s
                                                            1. 1
                                                              at
                                                              1. 0
                                                                Malcolm Beck´s
                                                                1. 0
                                                                  at
                                                                  1. 0
                                                                    Malcolm Beck´s
                                                                    1. 0
                                                                      at
                                                                      1. 0
                                                                        Malcolm Beck´s
                                                                        1. 0
                                                                          at
                                  2. 0
                                    at
                                    1. 0
                                      Malcolm Beck´s
                                      1. 0
                                        at
                                        1. 0
                                          Malcolm Beck´s
                                          1. 0
                                            at
            2. 0
              Shadowcrow
              1. 0
                Kai345
                1. 0

                  ...schon wieder erhebt er sein häßlich haupt.

                  Shadowcrow
                  • menschelei
                2. 0
                  at
  2. 0
    Joachim
  3. 0
    Peter Peter
    1. 0
      Kai345
      1. 0
        Peter Peter
        1. 0
          ChrisB
          1. 0
            Joachim
        2. 0
          Struppi
          1. 0
            Peter Peter
            1. 0
              Shadowcrow
              1. 0
                Malcolm Beck´s
                1. 0
                  Shadowcrow
                  1. 0
                    Malcolm Beck´s
  4. 0
    Maxx
    • browser