Arne: Zeitweise verschobene Elemente

Hallo,

Ich arbeite an einer Seite, bei der das Layout über CSS dargestellt wird.

Es treten bei den Browsern Verschiebungen des Layout auf, wenn die Seite aktualisiert wird sind die Verschiebungen teilweise weg oder andere Verschiebungen treten auf.

Der MSIE6.0 z.B:

Packt oft den Footer (per maging-bottom0px an den unteren Rand gebracht) mitten in den Text, wenn die Seite aktualisiert wird ists (meistens ok)

Der Mozilla 1.7.7 z.B:

Hat einen riesigen Abstand zwischen dem Logo und der ersten Überschrift (Rot, Times), wenn aktualisiert wird, ist es ok.

http://www.trasimenomusicfestival.com/venues.php

Kann einer dieses Verhalten der Browser erklären?

btw: Bitte guckt euch nur die Seite venues an. Ich weiß das die anderen Seiten teilweise noch nicht valide sind und geschändete Tabellen enthalten.

Gruß und Danke,

Arne.

  1. Lieber Arne

    Leider kann ich Dir keine Lösung anbieten.
    Aber das beschriebene Verhalten tritt mei mir auch auf.
    Ich hatte selber schon mal so ein ähnliches Problem
    konnte aber bisher auch keine Lösung finden ... sorry.

    Gruß
    Ingo

  2. Hi,

    Der Mozilla 1.7.7 z.B:

    Hat einen riesigen Abstand zwischen dem Logo und der ersten Überschrift (Rot, Times), wenn aktualisiert wird, ist es ok.

    nur eine Idee: der Effekt tritt bei mir nur beim allerersten Seitenaufruf auf und selbst nach Schließen und Neustart des Browsers nicht mehr. Der Grund könnte sein, daß die Dimensionen der Grafiken dann bereits während des Ladens der Seite bekannt sind, da sie ja aus dem Cache geholt werden.

    Was das IE-Problem betrifft: dieses - und andere (vergrößere nur mal den Schriftgrad) könntest Du beheben, wenn Du auf absolute Positionierung und fixe Höhenangaben verzichtest.

    freundliche Grüße
    Ingo

    1. Hallo Ingo,

      Hat einen riesigen Abstand zwischen dem Logo und der ersten Überschrift (Rot, Times), wenn aktualisiert wird, ist es ok.

      nur eine Idee: der Effekt tritt bei mir nur beim allerersten Seitenaufruf auf und selbst nach Schließen und Neustart des Browsers nicht mehr. Der Grund könnte sein, daß die Dimensionen der Grafiken dann bereits während des Ladens der Seite bekannt sind, da sie ja aus dem Cache geholt werden.

      Also meinst du das ein Auszeichnen der Grafik mit Width und Height Attributen helfen könnte? Ich werds mal probieren, kann mir eigentlich aber nicht vorstellen das der Browser die Überschrift, quasi nach dem Motto: "Könnt ja ne große Grafik werdeen", nach unten setzt.

      Was das IE-Problem betrifft: dieses - und andere (vergrößere nur mal den Schriftgrad) könntest Du beheben, wenn Du auf absolute Positionierung und fixe Höhenangaben verzichtest.

      Wenn du mir sagst wie ich _dieses_ Layout auch ohne absolute Angaben hinkriege: Sehr gerne!

      Gruß,

      Arne.

      1. Hi,

        Wenn du mir sagst wie ich _dieses_ Layout auch ohne absolute Angaben hinkriege: Sehr gerne!

        zunächst mal auf jeden Fall _wesentlich_ besser. Ich habe gerade mal die Fensterhöhe verringert und schon schob sich der Footer unter das Bild im Inhaltsbereich.

        Umzusetzen wäre das etwa wie http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm. Und wenn Du unbedingt den Footer bei kurzen Seiten unten positionieren willst, kommst Du natürlich um absolute Positionierung oder Javascript nicht herum, wie in http://www.alistapart.com/articles/footers/ beschrieben. Der Nutzen hält sich aber wirklich in Grenzen.

        freundliche Grüße
        Ingo

        1. Hallo Ingo,

          zunächst mal auf jeden Fall _wesentlich_ besser.

          Das es sich bei der aktuellen Version der Layoutumsetzung nicht um der Weisheit letzten Schluß handelt, da sind wir uns beide einig.

          Umzusetzen wäre das etwa wie http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm.

          Ich besteh ja auch nicht auf die fixe Positionierung, aber viele Sachen sind oft einfacher realisierbar. Ich denke aus dem von Dir verlinkten selfHtml Layout kann ich ein paar Sachen übernehmen.

          ...http://www.alistapart.com/articles/footers/

          Danke für den Links. Der Footer _soll_ schon unten sein. Auch bei kurzen Seiten, sonst wärs da ja kein Footer...

          Gruß und Danke,

          Arne.