Website wird abgeschnitten

  • Hallo an alle.

    ich habe eine Seite geschrieben, die mit
    "
    width:980px;
    position:absolute;
    left:50%;
    margin-left:-490px;
    "
    in einem Wrapper mittig zentriert werden soll. Dies funktioniert auf Desktopsystemen inklusive
    Internet Explorer auch sehr gut. Nur wenn ich diese Seite auf einem Mobilgerät öffne, wird
    mein Menü fast vollständig abgeschnitten. Wenn ich nun margin-left auf -400px setze, wird mein
    Menü auch im Mobilgerät komlett angezeigt. Nur leider ist die Seite dann nichtmehr mittig auf
    Desktopsystemen ...
    Weiß jemand, wie ich diesen Fehler beheben kann?

    Vielen Dank im Voraus

  • Danke, du hast mir sehr geholfen. Musste nur im Wrapper die
    Breite festlegen, damit es auch wirklich mittig zentriert wurde.
    Trotzdem seltsam, dass die ursprüngliche Lösung nicht auf
    Mobilgeräten funktioniert hat.

  • Daran ist nichts seltsam, probier deine ehemalige Lösung mit einem verkleinertem Fenster!
    Smartphones haben nun mal eine kleinere Auflösung.

    Mal ein Beispiel, sagen wir mal du hast eine 800xY Auflösung:

    left: 50% => pos: 400px
    margin-left: -490px => pos: -90px