Oliver: Horizonale Scrollbalken im Firefox

Hi ich hab da ein kleines problemchen. Ich habe einen iframe mit width: 370px; nun binde ich darin eine Seite ein, deren html und body-width: 340 px; ist, trotzdem zeigt mir der firefox eine horizontale scrollleiste an, obwohl ich scrolling="auto" gesetzt habe. Im Ie wird nur der vertikale Scrollbalken gezeigt. Was nun?

Danke,
Oliver

  1. Hallo Oliver,

    Hi ich hab da ein kleines problemchen. Ich habe einen iframe mit width: 370px; nun binde ich darin eine Seite ein, deren html und body-width: 340 px; ist, trotzdem zeigt mir der firefox eine horizontale scrollleiste an, obwohl ich scrolling="auto" gesetzt habe. Im Ie wird nur der vertikale Scrollbalken gezeigt. Was nun?

    Hast du vielleicht mal den Quelltext der innen liegenden Datei?
    Dann kann ich mal drüberschauen ob es wirklich 340 px sind, oft wird da noch etwas übersehen.

    cu

    Marc Reichelt || http://www.marcreichelt.de/

    --
    Linux is like a wigwam - no windows, no gates and an Apache inside!
    SELFCode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
    http://emmanuel.dammerer.at/selfcode.html
    1. Gern ist aber groß weil css xhtml:
      html {
       height: 100%;
       width: 340px;
       margin: 0px;
       padding: 0px;
       font-family: arial, helvetica, sans-serif;
       font-style : normal;
       font-variant : normal;
       font-weight : normal;
       text-decoration: none;
       color: #000000;
       background-color: #FFFFFF;
      }

      body {
       height: 100%;
       width: 340px;
      }

      #eintrag {
       width: 100%;
       margin: 0px;
       padding: 0px;
       font-size: 1px;
      }

      #eintrag #information {
       width: 100%;
       height: 24px;
       text-align: left;
       margin: 0px;
       padding: 0px;
      }

      #information #name {
       width: 15%;
       height: 12px;
       float: left;
      }

      #information #name_text {
       width: 30%;
       height: 12px;
       float: left;
      }

      #information #email {
       width: 15%;
       height: 12px;
       float: left;
      }

      #information #email_text {
       width: 40%;
       height: 12px;
       float: left;
      }

      #eintrag #nachricht {
       width: 100%;
      }

      #nachricht #nachricht_feld {
       width: 100%;
       height: 12px;
      }

      #nachricht #nachricht_text {
       width: 100%;
      }

      #eintrag #abstand {
       background-color: #656565;
       height: 1px;
       font-size: 1px;
       width: 100%;
      }
      #eintrag #abstand2 {
       height: 7px;
       width: 100%;
      }

      /* span */
      .feld {
       font-weight: bold;
       font-size: 12px;
       vertical-align: top;
      }

      .feld_inhalt {
       font-size: 12px;
       vertical-align: top;
      }

      p {
       font-size: 12px;
       margin-top: 2px;
       margin-bottom: 7px;
      }

      kannst du damit was anfangen?

      Hallo Oliver,

      Hi ich hab da ein kleines problemchen. Ich habe einen iframe mit width: 370px; nun binde ich darin eine Seite ein, deren html und body-width: 340 px; ist, trotzdem zeigt mir der firefox eine horizontale scrollleiste an, obwohl ich scrolling="auto" gesetzt habe. Im Ie wird nur der vertikale Scrollbalken gezeigt. Was nun?

      Hast du vielleicht mal den Quelltext der innen liegenden Datei?
      Dann kann ich mal drüberschauen ob es wirklich 340 px sind, oft wird da noch etwas übersehen.

      cu

      Marc Reichelt || http://www.marcreichelt.de/

      1. Hallo Oliver,

        Gern ist aber groß weil css xhtml:

        Das ist zwar weder XHTML noch HTML, aber ich denke ich kann darin auch etwas erkennen:

        html {
        height: 100%;
        width: 340px;
        margin: 0px;
        padding: 0px;
        font-family: arial, helvetica, sans-serif;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        text-decoration: none;
        color: #000000;
        background-color: #FFFFFF;
        }

        body {
        height: 100%;
        width: 340px;
        }

        Ich habe noch niemanden gesehen der CSS-Attribute für das html-Tag definiert, laut dem CSS Validator von Jigsaw scheint das aber wirklich zu gehen.

        Ich würde auf die height und width-Angaben in html und body komplett verzichten, vielleicht liegt es ja daran?

        cu

        Marc Reichelt || http://www.marcreichelt.de/

        --
        Linux is like a wigwam - no windows, no gates and an Apache inside!
        SELFCode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
        http://emmanuel.dammerer.at/selfcode.html
        1. Hi,

          Ich habe noch niemanden gesehen der CSS-Attribute für das html-Tag definiert

          zumindest margin macht hier absolut keinen Sinn, sollte aber (inkl. padding) bei body angegeben werden.

          freundliche Grüße
          Ingo

  2. Hi Oliver,

    iframe mit width: 370px; nun binde ich darin eine Seite ein, deren html und body-width: 340 px; ist, trotzdem zeigt mir der firefox eine horizontale scrollleiste an,

    wie sehen margin/padding der eingerahmten Seite und padding des iframe-Elements aus?

    scrolling="auto"

    ist übrigens die Grundeinstellung und kann daher weggelassen werden, siehe Attribut-Referenz.

    Grüße,
     Roland