Ankündigung

Einklappen
Keine Ankündigung bisher.

Css Problem mit scrollen bei position:fixed

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Css Problem mit scrollen bei position:fixed

    Hi,

    ich wollte für meinen Shop eine fesstehende Navigationsleiste (die Artikellisten werden später länger sein) und einen Schatten um den Hauptinhalt.
    Also habe ich die #navColumnOne aus dem #mainWrapper herausgenommen und mit position:fixed nach links gestellt.
    Sonst wäre kein Schatten auf der linken Seite des Inhalts zu sehen.

    Der mainWrapper bekommt dafür folgendes:

    HTML-Code:
    <div id="mainWrapper" style="margin-left: <?php echo BOX_WIDTH_LEFT; ?>">
    Funktioniert erstmal gut.
    Das Problem ist jedoch, dass bei kleinen Bildschirmauflösungen der mainWrapper über die fixe Spalte und damit unter den Text der navColumOne gescrollt werden kann.
    Ich habe schon mit diversen definierten Breiten, Positionen und margins rumprobiert aber bekomme es nicht in den Griff. Z-index hilft hier auch nicht weiter.

    Wie löse ich das?

    Der Shop ist als fast fertige Testversion unter http://www.foodaway.biz online.

    gruss
    dietmar

    #2
    Wenn du der Seite eine minimale Breite gibst?

    Kommentar


      #3
      danke für die schnelle antwort!

      klang erstmal gut der vorschlag.

      ich habe dem body min-width gegeben, der navColumnOne, dem mainWrapper, habe die gesamte seite in einen neuen div id="alles" gepackt, damit die navColumnOne miteingeschlossen ist.
      hilft leider nix, es scrollt weiter...

      noch ne idee?

      Kommentar


        #4
        alles wieder zurück und dann dem #mainWrapper

        Kommentar


          #5
          Gelöst!

          ich dödel,

          der mainWrapper bekommt position:relative, dann wirkt auch der z-index.
          navColumnOne hat schon position:fixed definiert, kann also mit z-index als unterste ebene definiert werden.

          Code:
          #navColumnOne {
          position:fixed;
          width:215px;
          z-index:100;
          }
          
          #mainWrapper {
          margin-left:215px,
          position:relative;
          z-index:5000;
          }
          danke für den denkanstoss mit minimum-width. ich saß echt fest...

          gruss
          dietmar

          Kommentar

          Info zu diesem Forenarchiv:
          Mit Release von 1.5.7 wurde die deutsche Zen Cart Version auf eine reine DIY-Lösung umgestellt.
          Für einen Support via Forum stehen keine personellen und zeitlichen Ressourcen mehr zur Verfügung.
          Dieses Supportforum bleibt im Nur-Lesen-Modus als Wissensarchiv noch online verfügbar.
          PM Funktionalität, Registrierung und Posten neuer Beiträge sind deaktiviert.
          Zugriff auf Anhänge in den Postings ist auch ohne Registrierung/Einloggen möglich.
          FAQ und Downloadbereich des Forums wurden in die neue umfangreiche Knowledgebase auf der zen-cart-pro.at Website übernommen.

          Das Development der deutschen Zen Cart Version geht wie bisher auf Github weiter.
          Wir werden auch weiterhin neue Versionen bereitstellen und die Onlinedokumentation/Knowledgebase aktualisieren.
          Fehler in der Software können auf Github als Issues gemeldet werden.
          Follow us
          aktuelle version
          Zen Cart 1.5.7g deutsch
          vom 12.12.2023
          [Download]
          Lädt...
          X