Uups: overflow:hidden nicht ausreichend?

Hi ihr,
Ich habe eine Grafik folgendermaßen definiert:

<div style="position:absolute; top:30px; left:1300px; overflow:hidden; "><img src="startmonitor.gif" alt=""></div>

Der Sinn sollte sein, dass die Grafik nur ab einer Auflösung über 1280x1024 zu sehen sein soll. Das funktioniert soweit auch. Leider bietet der Firefox trotzdem eine horizontale Scrollleiste an, die überhaupt nicht vonnöten ist. Wie kann ich das verhindern?

  1. Hello out there!

    <div style="position:absolute; top:30px; left:1300px; overflow:hidden; "><img src="startmonitor.gif" alt=""></div>

    „[Die 'overflow'-Eigenschaft] gibt an, ob der Inhalt eines Elements auf Blockebene abgeschnitten wird, wenn er über die Box des Elements (die als umschließender Block für den Inhalt dient) hinausgeht.“ [CSS2 §11.1.1]

    Ohne Breitenangabe ist die 'div'-Box so breit wie die 'img'-Box; 'overflow' kommt also gar nicht zue Wirkung.

    Der Sinn sollte sein, dass die Grafik nur ab einer Auflösung über 1280x1024 zu sehen sein soll. Das funktioniert soweit auch. Leider bietet der Firefox trotzdem eine horizontale Scrollleiste an, die überhaupt nicht vonnöten ist.

    Doch, ist sie, um zu dem Inhalt (der Grafik) gelangen zu können.

    Wie kann ich das verhindern?

    Binde die Grafik nicht als Inhalt ein, sondern als Hintergrundbild.

    See ya up the road,
    Gunnar

    PS: Style-Angaben nicht inline in 'style'-Attribute schreiben; sondern im zentralen Stylesheet!

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Doch, ist sie, um zu dem Inhalt (der Grafik) gelangen zu können.

      Bis dahin kommt man mit der angebotenen Scrollleiste nicht. Man sieht die Grafik nicht, kann aber trotzdem ein Stück weit scrollen. Probier es aus, oder ist das nur beim Firefox so? Jo - der IE scrollt bis zur Grafik. Hmmm...

      Binde die Grafik nicht als Inhalt ein, sondern als Hintergrundbild.

      Das Hintergrundbild ist ein Streifen, der vertikal vervielfältigt wird. 2 Hintergründe kann ich schlecht definieren, oder?

      PS: Style-Angaben nicht inline in 'style'-Attribute schreiben; sondern im zentralen Stylesheet!

      Ja klar, aber da diese Grafik nur auf der Startseite erscheinen soll, mag ichs doch eher inline.
      Die zentrale CSS hat doch den Sinn, Werte auf allen Seiten schnell verändern zu können...

      Es muss doch einen Wert geben, der lediglich auf der Startseite den vertikalen Scrollbalken untersagt, oder?

      1. Hello out there!

        2 Hintergründe kann ich schlecht definieren, oder?

        Für ein Element nicht. Aber du hast derer ja mehrere: 'html' und 'body' böten sich an.

        Die zentrale CSS hat doch den Sinn, Werte auf allen Seiten schnell verändern zu können...

        Nicht nur. Sie macht auch den Quelltext übersichtlich.

        Es muss doch einen Wert geben, der lediglich auf der Startseite den vertikalen Scrollbalken untersagt, oder?

        Nein, 'overflow' wirkt auf beide Scrollbars.

        Für den Nutzer könnten die dringend erforderlich sein; mit dem Ausblenden von Scrollbars wäre ich SEHR vorsichtig.

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
        1. Für ein Element nicht. Aber du hast derer ja mehrere: 'html' und 'body' böten sich an.

          Aha! Muss ich glatt mal probieren. Danke!

          Für den Nutzer könnten die dringend erforderlich sein; mit dem Ausblenden von Scrollbars wäre ich SEHR vorsichtig.

          Stimmt. Beide auszublenden wär sträflich. Der vertikale wäre nur bei Auflösungen unter 800x600 relevant. Hätte ich verantwortet.

          1. Scheint doch bissel komplizierter zu sein. Ich habe zumindest noch nie nen bg für das html-Tag festgelegt. Wenn das gehen soll - wie macht man das?
            So...

            body { background-image: url(bg.gif) }
            html { background-image: url(monitor.gif); position:absolute; top:30px; left:1300px; }

            ...oder umgekehrt scheint es jedenfals nicht zu gehen.
            Bin CSS-Neuling - du verstehst..?!

            1. Hello out there!

              body { background-image: url(bg.gif) }
              html { background-image: url(monitor.gif); position:absolute; top:30px; left:1300px; }

              "monitor.gif" soll _vor_ "bg.gif" erscheinen, also muss "bg.gif" Hintergrund der Vorfahrenelements ('html'), "monitor.gif" Hintergrund des Nachfahren ('body') sein.

              Bin CSS-Neuling - du verstehst..?!

              Für Neulinge gibt’s was Tolles: SELFHTML!!1einself Hintergrundfarben und -bilder

              See ya up the road,
              Gunnar

              --
              „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
              1. "monitor.gif" soll _vor_ "bg.gif" erscheinen, also muss "bg.gif" Hintergrund der Vorfahrenelements ('html'), "monitor.gif" Hintergrund des Nachfahren ('body') sein.

                Das hatte ich zuerst ausprobiert. Da war dann aber nix als Hintergrund zu sehen. Drum die Frage.

                Für Neulinge gibt’s was Tolles: SELFHTML!!1einself Hintergrundfarben und -bilder

                Ich schau mal rein. Wenn man was konkretes sucht, ist es schwer, dazu auch die passende Antwort zu finden. Es sei denn, man hat die Zeit, sich stundenlang mit der Suche nach der Antwort auf eine Detailfrage zu beschäftigen. Aber dafür gibt es ja glücklicherweise das Forum.

                1. Das hatte ich zuerst ausprobiert. Da war dann aber nix als Hintergrund zu sehen. Drum die Frage.

                  Hab noch einmal geschaut. Da verschiebt sich meine komplette Seite zu der Position, die für bg.gif vorgesehen war. Hmmm...

                  1. Hello out there!

                    Hab noch einmal geschaut. Da verschiebt sich meine komplette Seite zu der Position, die für bg.gif vorgesehen war. Hmmm...

                    Hmmm... Willst du uns auch schauen lassen?

                    See ya up the road,
                    Gunnar

                    --
                    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                    1. Hmmm... Willst du uns auch schauen lassen?

                      Ja klar - drum ist ja der Link an einem Posting da.
                      Ich werds mal so mit der verschobenen Seite online geben.
                      Danke.

                      Hier noch einmal der Link:
                      http://www.drechselhuber.de/HuberCSS/

                      1. Hello out there!

                        Hmmm... Willst du uns auch schauen lassen?
                        Ja klar - drum ist ja der Link an einem Posting da.

                        Denn Link zur fraglichen Problemseite solltest du im Text erwähnen ...

                        Hier noch einmal der Link:
                        http://www.drechselhuber.de/HuberCSS/

                        ... und zwar verlinkt. (So geht’s.)

                        body { background-image: url(startmonitor.gif); position:absolute; top:30px; left:1300px; }

                        Zeilenumbrüche wirken Wunder für die Lesbarkeit:

                        body {  
                          background-image: url(startmonitor.gif);  
                          position:absolute;  
                          top:30px;  
                          left:1300px;  
                        }
                        

                        Damit positionierst du die 'body'-Box. Das ist ganz und gar nicht das, was du willst.

                        Du willst das Hintergrundbild positionieren. Wie das geht, steht im von mir genannten Abschnitt in SELFHTML.

                        See ya up the road,
                        Gunnar

                        --
                        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                        1. Du willst das Hintergrundbild positionieren. Wie das geht, steht im von mir genannten Abschnitt in SELFHTML.

                          Vielleicht versteh ichs einfach nur nicht.

                          1. Hello out there!

                            Du willst das Hintergrundbild positionieren. Wie das geht, steht im von mir genannten Abschnitt in SELFHTML.

                            Vielleicht versteh ichs einfach nur nicht.

                            Was genau gibt es an http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position@title=Hintergrundposition nicht zu verstehen?

                            Hattest du das überhaupt schon gelesen?

                            See ya up the road,
                            Gunnar

                            --
                            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                            1. Wenn du den handgeschriebenen Quelltext meiner Seite siehst, müsstest du wissen, dass ich mich schon mit einigen Dingen beschäftigt habe. Mich hatte die Frage beschäftigt, wie ich dem html-Tag einen eigenen background zuweisen kann. So zumindest dein Vorschlag, über den ich mich gefreut habe. Nur, vielleicht durchschaue ich das GANZE noch nicht. Die einzelnen Punkte auf der selfhtml-Seite sind mir klar. Ich kann dir die Normmaße eines Treppengeländers nennen oder einige hundert lateinische Käfernamen. Nur - meine Fragen stelle ich doch nicht, weil ich mich damit vollständig auskenne. Irgendwo hakt es halt.

                              Ich lasse jetzt die Scrollbar - irgendwie krieg ich heut nix mehr hin...