1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Keine Scrolleiste im Browser

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Migu, 03.12.05.

  1. Migu

    Migu Kaiser Wilhelm

    Dabei seit:
    14.02.04
    Beiträge:
    175
    Guten Abend,

    wie unter http://swiwi.co.nz/test/sites/benefits_floorwater.html zu sehen ist, fehlt zumindest im Apple Safari und Firefox auf Mac (andere Browser noch nicht getestet) die vertikale Scrolleiste im Browser. Was habe ich falsch gemacht?

    Besten Dank, Michael

    Code:
    html, body { margin: 0; padding: 0 }
    body	                      { font-family: Verdana, Arial, sans-serif; overflow: hidden; color: #242768; font-size: 100.01%; background-color: #242768; text-align: center; position: relative; direction: ltr                    }
    p { font-size: 0.8em; margin-top: 0; margin-bottom: 1em }
    p.bold { font-weight: bold }
    p.top { margin-bottom: 0 }
    h1       { font-size: 0.9em; font-weight: bold; margin-top: 0; margin-bottom: 2em }
    a:link,a:visited     { color: #404eb2; font-style: normal; font-weight: normal; text-decoration: none }
    a:hover,a:active,a:focus     { color: #404eb2; font-style: normal; font-weight: normal; text-decoration: underline }
    div.content div { background-image: url("../images/test.jpg"); background-position: left bottom; margin-bottom: 1.5em; position: relative; border: solid 0.2em #e95700 }
    div.content * p { font-size: 0.8em; background-color: #ffffff; margin-top: 0; margin-bottom: 0; margin-left: 12em; padding: 0 2em 0.8em }
    div.content * h2 { color: #e95700; font-size: 0.8em; font-weight: bold; background-color: white; text-align: left; margin: 0 0 0 12em; padding: 0.8em 2em }
    img { border-style: none }
    img.preload  { position: absolute; top: 0; width: 0; height: 0 }
    div.container         { background-color: #ffffff; margin-right: auto; margin-left: auto; width: 47em; border-style: solid; border-width: 0.2em; border-color: #dcdcdc #8c8c8c #8c8c8c #dcdcdc }
    /*banner*/
    img#banner    { margin: 0; width: 100.01%; height: 10em }
    /*navigation*/
    div.navigation-tab                   { font-size: 0.9em; line-height: normal; background-image: url("../images/_navigation_background.png"); background-repeat: repeat-x; background-position: 50% bottom; margin-top: 0.3em; width: 100.01%; float: left }
    div.navigation-tab ul         { list-style: none; margin: 0 0 0 1em; padding: 0 }
    div.navigation-tab li            { background-image: none; background-repeat: repeat-x; background-position: right top; margin-right: 0.3em; float: left; border-top: 0.1em solid #dcdcdc; border-right: 0.1em solid #8c8c8c; border-bottom: ; border-left: 0.1em solid #dcdcdc }
    div.navigation-tab a             { color: #8c8c8c; background-image: url("../images/_navigation_inactive.png"); display: block; padding: 0.4em 1em; float: left }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/ div.navigation-tab a { float: none } /* End IE5-Mac hack */
    div.navigation-tab .active a               { color: #242768; background-color: white; background-image: url("../images/_navigation_active.png"); background-position: 0 top; padding-bottom: 0.48em }
    div.navigation-site                                   { font-size: 0.7em; line-height: normal; text-align: center; padding-top: 0.4em; padding-bottom: 0.4em; width: 100.01%; clear: both; border-bottom: 0.15em solid #8c8c8c }
    div.navigation-site a         { color: #8c8c8c; margin-left: 1.5em }
    div.navigation-site a.first { margin-left: 0 }
    div.navigation-site a.active   { color: #242768 }
    /*content*/
    div.content             { background-image: url("../../../Desktop/test.png"); background-repeat: repeat; background-position: left top; text-align: justify; padding: 2em 1em }
    
     
  2. mullzk

    mullzk Linsenhofener Sämling

    Dabei seit:
    04.01.04
    Beiträge:
    2.529
    öhh, was genau willst du denn mit overflow: hidden; (im body-style) bezwecken? denn dieses ist der grund für die verschwundene scrollleiste...

    [edit]ah ja: formatier doch das css so, dass man es halbwegs lesen kann - gerade wenn du fragen in einem forum postest, würde ich es den eigentlich hilfbereiten usern nicht unbedingt noch zumuten, unten im fenster horizontal hin und her zu scrollen. ist nicht als rant gedacht, sondern einfach als tip, wie sich vielleicht ein andermal noch mehr user am bugsearching beteiligen können....
     
  3. Migu

    Migu Kaiser Wilhelm

    Dabei seit:
    14.02.04
    Beiträge:
    175
    Hoi Mullzk,

    besten Dank für die Antwort. Bin erleichtert, dass sich das Problem so einfach hat lösen lassen. Mit dem overflow wollte ich einfach sicher stellen, dass alles schön in seiner Box bleibt. Da es aber reine Vorsichtsmassnahme war kann ich gut darauf verzichten.

    Mit dem CSS formatieren werde ich mir nächstes Mal mehr Mühe geben. Ist im GoLive genau so anstrengend immer hin und her zu fahren.

    Viele Grüsse nach Bern...
     

Diese Seite empfehlen