Ergebnis 1 bis 4 von 4

Thema: IE7 Positionierungsfehler [gelöst]

  1. #1
    Contao-Nutzer Avatar von jabadoo
    Registriert seit
    15.08.2009.
    Beiträge
    63

    Standard IE7 Positionierungsfehler [gelöst]

    Hallo!

    Habe das Problem, dass der IE 7 eine fixe Navigationszeile ohne ersichtlichen Grund nach rechts verschiebt. Das Layout funktioniert bestens in allen gängigen Browsern (FF, Safari, Opera auf Win und Mac), selbst im IE6 und IE8 läuft's wie es soll. Nur der IE7 spinnt rum.
    Hier das Problem: www.altendorfer-vorwerk.de

    Würde mich freuen, wenn jemand einen Tipp hätte.

    LG, Helena
    Geändert von jabadoo (27.05.2010 um 15:51 Uhr)

  2. #2
    Contao-Nutzer Avatar von jabadoo
    Registriert seit
    15.08.2009.
    Beiträge
    63

    Frage

    Konnte schon jemand den Fehler in IE7 rekonstruieren?

  3. #3
    Contao-Nutzer
    Registriert seit
    16.09.2009.
    Beiträge
    57
    Partner-ID
    7622

    Standard

    Ich behaupte mal, dass das am div#container liegt, den der IE7 als "magische Grenze" ansieht.

    Da der IE7 meiner Erfahrung nach weniger als der IE6 (die Update-resistenten Nutzer) verwendet wird bleiben dir folgende Möglichkeiten:

    a) vernachlässigen (ggf. die Erweiterung Browserupdate installieren, um die Sicherheit und Standardkonformität im Internet weiter zu unterstützen)
    b) Umstellen des Designs, sodass der div#container auch width: 100%; hat
    c) Conditional Comments und ein wenig rumprobieren...

    (A und c sind meine Favoriten)

    Wenn ich noch einen weiteren Tipp geben darf: das auf 100% skalierte Hintergrundbild wirkt bei großen Auflösungen (z.B. Full HD), sagen wir mal mäßig, was vermutlich unter anderem mit den Skalierfähigkeiten der gängigen Webbrowser zu tun hat. In kleineren Fenstern sieht's aber gut aus!

  4. #4
    Contao-Nutzer Avatar von jabadoo
    Registriert seit
    15.08.2009.
    Beiträge
    63

    Standard

    Da der #header bereits 100% hat, verstehe ich die vorgeschlagene Lösung unter b) nicht. Conditional Comments hab ich bereits verwendet und alle Versuche mit margin's, padding's und diversen Tricks haben nicht geholfen.

    Schließlich hab ich es einfach mal mit
    Code:
    display:inline;
    für den header-container probiert und siehe da, es funktioniert!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •