torsten: verwirrung total

moin mönners,

leider hab ich mich in den letzten jahren ein wenig mit meinem css verrammelt und den überblick verloren, mein starres seitenlayout mit festgelegten breiten/ höhen des inhalts soll so beibehalten werden.

das problem: wenn ich das browserfenster verkleinere verschiebt sich der seiteninhalt entsprechend der fensterbreite, das zentrale "div" hat eine feste breite und höhe, der hintergrund jedoch (noch) nicht, beim zusammen schieben des browserfensters verändert sich der rechte rand und wird plötzlich breiter, es gibt also eine abhängigkeit, die das bewirkt... ich finds aber ned! (-> f-wort!)

ich würde eine mindestbreite des hintergrundes bevorzugen, wenn ich ein min-width einfüge erzeuge ich aber doppelte scrollbalken, und immernoch das ungewollte randverhalten, was irgendwie unschön ist...

vielleicht hat ja irgendwer weihnachtslangeweile und kann mir helfen (?)

hier der Link zum css-file. ich präsentiere hier mal das ganze css, weil ich nicht weiss ob der #container, #hiddenswitch (barcode link auf der linken seite), #hiddencopy (barcodelink auf der rechten seite), das hilfs-div #top, der #hintergrund oder weiß der teufel was an dem dilemma schuld sind...

Hier kann man die oben beschriebene verschieberei testen.

die beiden barcode-links (*.jpg) sind in relation zum fenster positioniert und machen das, was sie sollen...

in diesem sinne: hohohooo!

mfg torsten

--
Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do
  1. Om nah hoo pez nyeetz, torsten!

    abgesehen davon, dass das zentrierte Div nicht exakt in der Mitte zu sein scheint, kann ich dein beschriebenes Verhalten im FF17 nicht nachvollziehen.

    Matthias

    --
    1/z ist kein Blatt Papier.

    1. moinmoin Matthias,

      das ist korrekt, ich auch nicht mehr, kommt vom rumfummeln ;-)

      wie meinst du das mit "nicht in der mitte" wenn das browserfenster verkleinert wird hüpft mein container nach links... das stimmt. hab noch nicht rausgefunden wie ich das in den griff bekomme...

      der hintergrund mit dem text hat gerade mindestbreite verpasst bekommen, jetzt sind die zwei scrollbalken wieder da...

      mfg torsten

      --
      Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do
      1. Om nah hoo pez nyeetz, torsten!

        der hintergrund mit dem text hat gerade mindestbreite verpasst bekommen, jetzt sind die zwei scrollbalken wieder da...

        Dagegen hilft overflow: hidden;

        Matthias

        --
        1/z ist kein Blatt Papier.

        1. moin Matthias,

          Dagegen hilft overflow: hidden;

          ich probier das morgen gleich mal aus... macht das nicht den overflow hidden?

          ;-)

          Matthias

          mfg torsten

          --
          Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do
          1. moin Matthias,

            da mir nix weiter einfällt werde ich wohl mit den scrollbalken-inferno leben müssen. die dinger haben schließlich den sinn scrollen zu können. mein layout ist eben sch...(ön?) eingeschränkt...

            mfg torsten

            --
            Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do
            1. Om nah hoo pez nyeetz, torsten!

              da mir nix weiter einfällt werde ich wohl mit den scrollbalken-inferno leben müssen.

              Im FF sehe ich nur noch einen Scrollbalken rechts. Wenn der auch noch weg soll, gib dem div mit der id Hintergrund overflow: hidden. Wenn du die mindest-Abmessungen entsorgst, (die du nicht brauchst, weil ein div-Element per default über die gesamte Breite geht und du eine Höhe von 100% festgelegt hast) entstehen erst Scrollbalken, wenn das Container-div nicht mehr in den Anzeigebereich passt.

              #hintergrund {  
                  height: 100%;  
                  overflow: hidden;  
                  position: absolute;  
                  top: 0;  
              }
              

              Matthias

              --
              1/z ist kein Blatt Papier.

              1. moin Matthias,

                Im FF sehe ich nur noch einen Scrollbalken rechts. Wenn der auch noch weg soll, gib dem div mit der id Hintergrund overflow: hidden.

                entweder ich versteh null von dem was du mir da mitteilst oder du hast überlesen, dass ich das bereits gemacht habe, das overflow hidden sorgt dann dafür, dass der overflow hidden ist, und das soll er nicht... bei kleinerem browserfenster wird einfach alles abgeschnippelt.

                Wenn du die mindest-Abmessungen entsorgst, (die du nicht brauchst, weil ein div-Element per default über die gesamte Breite geht und du eine Höhe von 100% festgelegt hast)

                ähm, jein... prinzipiell korrekt aber die min breiten sollen dafür sorgen, dass die beiden barcode-links oben rechts und links auf der seite immer erreichbar bleiben, nehm ich die mindestbreite weg, verschwinden die beiden hübschen hinter dem container, jetzt könnte ich die teile mittels z-index nach vorn holen, aber vor dem container sollen die auch nicht "herumfliessen".

                entstehen erst Scrollbalken, wenn das Container-div nicht mehr in den Anzeigebereich passt.

                stimmt, aber siehe abschnitt "...sorgt dann dafür, dass der overflow hidden ist, und das soll er nicht..." man kommt nur an alle bilder, wenn die links im intergrund erscrollbar bleiben (für den fall, dass immer noch nicht alle menschen javascript benutzen, was inzwischen vermutlich eine antiquierte denke ist?)

                ich fürchte also mein anliegen nicht ausreichend beschrieben zu haben. kann man etwas scrollbar machen ohne scrollbalken zu erzeugen und das auch noch in allen browsern? wenn ich ehrlich bin, erschließt sich mir die logik meiner eigenen frage nicht (mehr)... es wär zwar witzig wenn's ginge aber es müsste dann auch universell funktionieren. auf ein rumbasteln mit javascript hab ich keinen bock, a-weil ich's nicht kann und b-weils vielleicht keinen sinn macht...

                ich hab das css mal entsprechend deiner empfehlung geändert... kannst ja mal schauen wenn dich die lange weile peinigt ;-)

                mfg torsten

                --
                Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do
                1. Om nah hoo pez nyeetz, torsten!

                  Ich dachte, der Container mit den Bilder wäre für dich das wichtigste. Mir war nicht klar, dass die Links im Hintergrund bleiben sollen.

                  und scrollbar ohne srollbars geht nicht.[1] Woher soll man denn sonst wissen, dass da was zu scrollen ist? Wenn die Barcodes nicht hinter dem Container verschwinden sollen, setze eine entsprechende Mindestbreite.

                  Ich habe das von mir gepostete CSS (vorher) ausprobiert. Es entspricht dem, wie ich die Seite gestalten würde.

                  [1] vielleicht irgendwann mit overflow-style

                  Matthias

                  --
                  1/z ist kein Blatt Papier.

                  1. moin Matthias,

                    danke, dass du nochmal reinschaust, dann kommt man sich nicht so einsam vor wie bei dem anderen posting, dass ich hier im forum laufen hab.

                    Ich dachte, der Container mit den Bilder wäre für dich das wichtigste.

                    isser auch!

                    Mir war nicht klar, dass die Links im Hintergrund bleiben sollen.

                    hab ich vermutet...

                    und scrollbar ohne srollbars geht nicht.

                    nja, die shadowbox kann das... folge dem link und klick mal auf das thumbnailchen mit dem weißen rahmen. ist logischer weise javascript und funzt nicht im mobilen browser, aber hat schon was, das bild kann man mit der maus bewegen und der mauszeiger verändert sich zur greifhand, hübsch nä?

                    Woher soll man denn sonst wissen, dass da was zu scrollen ist?

                    ähm, greifhand? allerdings hätte mein oppa schwierigkeiten, das zu be-greifen, deswegen hab ich zu jedem greifbaren bild einen text getextet, der da lautet: "bild mit der maus bewegen!", das doofe ist, das lesen nicht intuitiv genug zu sein scheint...

                    Wenn die Barcodes nicht hinter dem Container verschwinden sollen, setze eine entsprechende Mindestbreite.

                    fertch!

                    [1] vielleicht irgendwann mit overflow-style

                    hört sich cool an, dauert aber wieder ewig bis jeder einen browser hat, der das versteht :(

                    schönes restjahr noch

                    mfg torsten

                    p.s.: und die moral aus der geschicht? nur weil mann's sich ausdenkst, funktioniert's noch nicht (<- kommt aus der rubrik "reim dich oder ich fress dich!")

                    --
                    Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do