dey: Bild und Scrollbar

Servus

Ich habe auf meiner Startseite http://www26.brinkster.com/bydey/ah2/ ein Bild eingebaut.
Dieses Bild erzwingt UNNÖTIGERWEISE bei 1024*768 einen horizontalen Scrollbar.
Und ehrlich ich verstehe nicht wieso:

  • Das Bild ist mit dem gesamten Inhalt der Seite in 1 Zelle einer Tabelle plaziert
  • Ohne Bild, bzw. mit einem Bild welches in der Höhe so reduziert ist, dass es den unteren Fensterrand nicht berührt kein hscroll
  • Andere Seiten mit Bildern in Tabellenstruktur, siehe "Hallenturnier..." erzwingen auch keine horz. Scrollbar

Für weiterführende Hinweise ist eine Belohnung in Höhe eines ganz besonderen Danks veranschlagt.

bydey

  1. Moin!

    Ich habe auf meiner Startseite http://www26.brinkster.com/bydey/ah2/ ein Bild eingebaut.
    Dieses Bild erzwingt UNNÖTIGERWEISE bei 1024*768 einen horizontalen Scrollbar.

    Naja ... Mozilla macht natürlich mal wieder keinen, aber der IE dafür.
    Auf den ersten Blick würde ich sagen, dass eine 100% breite Tabelle
    plus IE "Autorand-Seitenabstandhalter" (*g*) plus einige nicht in die
    CSS integrierte Bodymargins einfach zuviel sind.

    Setze erstmal alle Abstände auf "0" und schau dir das Ergebnis an,
    danach schau mal, wie der IE auf welche Abstandsangaben reagiert
    (willst ja sicher der Tabelle etwas Luft zum Seitenrand lassen!?) und
    zur allergrößten Not (sollte aber nicht nötig sein) klaust du der
    Tabelle ein paar Prozent Breite.

    Gruß

    Der Hans

    1. Servus

      Naja ... Mozilla macht natürlich mal wieder keinen, aber der IE dafür.
      Auf den ersten Blick würde ich sagen, dass eine 100% breite Tabelle
      plus IE "Autorand-Seitenabstandhalter" (*g*) plus einige nicht in die
      CSS integrierte Bodymargins einfach zuviel sind.

      Habe weder in start.html noch in css body margins

      Setze erstmal alle Abstände auf "0" und schau dir das Ergebnis an,
      danach schau mal, wie der IE auf welche Abstandsangaben reagiert
      (willst ja sicher der Tabelle etwas Luft zum Seitenrand lassen!?) und
      zur allergrößten Not (sollte aber nicht nötig sein) klaust du der
      Tabelle ein paar Prozent Breite.

      gesagt getan: 90% für table und td getestet -> immer noch hscroll!
      Ich hatte es vorher auch schon mal ohne die tabelle getestet und das war auch nicht so hilfreich
      Ist ja nicht das erste Bild, dass ich einbinde, aber das erste von derart zickigen Ausmassen. Vielleicht sollten wir mal den Artikel ändern: DIE Bild?!
      Sonst noch Ideen?

      bydey

      1. Hallo,

        Habe weder in start.html noch in css body margins

        Setze im CSS fuer body
        margin: 0;
        padding: 0;

        und nimm das leftmargin="10" aus dem HTML-Code heraus.

        MfG, Thomas

      2. Moin, nochmal!

        Welches Posting du auch immer beantwortest hast, ich antworte noch
        einmal auf deines.

        [aus der start.html]<body marginwidth="10" marginheight="5"
        topmargin="5" leftmargin="10">[/aus der start.html]

        Noch einmal: bitte rausnehmen! (falls nötig!)

        Viel wichtiger (auch das noch einmal!):
        Setze bitte die Ränder des Bodys in den CSS auf "0", also

        margin:0px; padding:0px;

        Wenn das alles nichts hilft, zeige einmal, wie das Ergebnis DANN aussieht!

        Gruß

        Der Hans

        P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun

        1. Servus

          Moin, nochmal!

          Welches Posting du auch immer beantwortest hast, ich antworte noch
          einmal auf deines.

          OK, Schnarchnase as I am habe ich lokal mit einer anderen Datei getestet, als die, die im www war

          [aus der start.html]<body marginwidth="10" marginheight="5"
          topmargin="5" leftmargin="10">[/aus der start.html]

          Noch einmal: bitte rausnehmen! (falls nötig!)

          Jo!

          Viel wichtiger (auch das noch einmal!):
          Setze bitte die Ränder des Bodys in den CSS auf "0", also

          margin:0px; padding:0px;

          Habe ich jetzt gemacht

          • 1* <td> + 1* <tr><td></td><td></td></tr>
          • border="1"

          Positives Result: nada

          P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun

          und warum?

          bydey

          1. Moin!

            Habe ich jetzt gemacht

            • 1* <td> + 1* <tr><td></td><td></td></tr>
            • border="1"

            Positives Result: nada

            Bei mir schon:
            Du hast das Bild auch kleiner gemacht, die Tabelle hat den Rahmen
            und ich habe in Moz und IE6 keinen Scrollbalken mehr!

            P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun

            und warum?

            Weil du deiner CSS-Datei (extern) eine <html>-Definition verpasst hast!
            Die erste Zeile deiner CSS-Datei MUSS lauten:

            body { ... }

            Unten der html-Kram muss auch raus.
            IE stellt sich einfach dumm (klaro, was könnte er besser), Moz und
            Opera machen solchen Quark aber richtigerweise nicht mit.

            Wenn's nach alledem noch nicht besser ist, schick mal nen Screenshot
            von deiner Ansicht mit!

            Gruß

            Der Hans

            1. Servus

              Moin!

              Habe ich jetzt gemacht

              • 1* <td> + 1* <tr><td></td><td></td></tr>
              • border="1"

              Positives Result: nada

              Bei mir schon:
              Du hast das Bild auch kleiner gemacht, die Tabelle hat den Rahmen
              und ich habe in Moz und IE6 keinen Scrollbalken mehr!

              http://www26.brinkster.com/bydey/ah2/hscroll.jpg bei 1024*768!!

              P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun

              und warum?

              Weil du deiner CSS-Datei (extern) eine <html>-Definition verpasst hast!
              Die erste Zeile deiner CSS-Datei MUSS lauten:

              body { ... }

              Unten der html-Kram muss auch raus.
              IE stellt sich einfach dumm (klaro, was könnte er besser), Moz und
              Opera machen solchen Quark aber richtigerweise nicht mit.

              Ist nun geändert. Sieht es besser aus?

              bydey

              1. Moin!

                Das Farbproblem ist gelöst, sieht jetzt in allen Browsern braun aus!
                Bei der IE-Sache kann ich langsam nur noch raten, weil's bei mir gut
                aussieht. Du hast nen 5er MSIE, korrekt?

                Versuch mal, ihm einen neuen stricten Doctype zu verpassen, wie

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

                Ansonsten gehen mir ehrlicherweise langsam die Ideen aus,
                hoffe ich habe nicht irgendwo was ganz Billiges übersehen!?

                Gruß

                Der Hans

                1. Servus

                  Moin!

                  Das Farbproblem ist gelöst, sieht jetzt in allen Browsern braun aus!
                  Bei der IE-Sache kann ich langsam nur noch raten, weil's bei mir gut
                  aussieht. Du hast nen 5er MSIE, korrekt?

                  Mit IE5 ist es ok. Scheint ein IE6 bug zu sein.  :-(((((

                  Versuch mal, ihm einen neuen stricten Doctype zu verpassen, wie

                  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

                  Funktioniert lokal nicht!

                  Ansonsten gehen mir ehrlicherweise langsam die Ideen aus,
                  hoffe ich habe nicht irgendwo was ganz Billiges übersehen!?

                  Muss ich denn wohl mit Leben. Was ich nicht verstehe ist, dass die anderen Seiten mit jeder Menge Bilder korrekt dargestellt werden?!

                  bydey

                  1. Servus

                    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

                    Funktioniert lokal nicht!

                    Der Doctype ist es. Nachdem ich den Doctype gänzlich gelöscht habe, läuft es!!!!

                    bydey