Keine Scrolleiste im Browser

[Migu]

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

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 }

 

[mullzk]

ö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....

 

[Migu]

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...