michael kneissl: scrollleisten verschwunden!! bitte hilfe

hallo,

habe ein css-file mit definitionen, nur schaffe ich es nicht das die scrolleisten sichtbar sind. - diese sind ausgeblendet und ich weiss nicht wie ich das wieder hinbekomme.

hier mein code:
-------------------
body
 {
  position: absolute;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  scrollbar-arrow-color: #F0D4A8;
  scrollbar-base-color: #F4F4F4;
  background-attachment: fixed;
 }

html, body
 {
  top:0; left:0; right:0;
  min-height:100%;
  margin:0;
  padding:0;
  width:100%;
 }

#header_container
 {
  position:fixed;
  top:0; left:0; right:0;
  text-align:center;
  margin:0;
  height:99px;
  width: 100%;
  z-index:3;
  background: #3b97fc url(nav_top.jpg) no-repeat;
 }

#content
 {
 /*background: url(hg_3.jpg) no-repeat;   */
 margin: 0;
 /*overflow: scroll;*/
 z-index: 1;
 width: 100%;
 height: 100%;
 position: fixed;
 left: 168px;
 top: 90px; /*
    style="overflow:auto; background: url(http://www.donaureal.at/nav/hg_3.jpg) no-repeat;"
  id="anzeige" align="center" style="width:830px;
  height:431px; position:absolute; left:168px; top:105px; z-index:3; overflow:hidden;">
  */
}

#content_rest
 {
  margin: 0;
  overflow: scroll;
  z-index: 3;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 168px;
  top: 98px;
    /*background: White url(./nav/hg_3.jpg) no-repeat;*/
 }

#footer_container
 {
  position: fixed;
  bottom: -2px;
  left: 145px;
  right: 0;
  text-align: center;
  margin: 0;
  height: 55px;
  width: 100%;
  z-index: 4;
  background: #3b97fc; /*background-image: url(nav_down2.jpg);*/
 }

die bereiche wo ich die scrolleiste brauche heissen content und content_rest.

bitte um hilfe, bin schon am verzweigfeln.

mfg,
michael

  1. Hallo.

      
    
    >  #content  
    >  {  
    >  /*background: url(hg_3.jpg) no-repeat;   */  
    >  margin: 0;  
    >  /*overflow: scroll;*/  
    >  z-index: 1;  
    >  width: 100%;  
    >  height: 100%;  
    >  position: fixed;  
    >  left: 168px;  
    >  top: 90px; /*  
    >     style="overflow:auto; background: url(http://www.donaureal.at/nav/hg_3.jpg) no-repeat;"  
    >   id="anzeige" align="center" style="width:830px;  
    >   height:431px; position:absolute; left:168px; top:105px; z-index:3; overflow:hidden;">  
    >   */  
    > }  
    
    

    Was soll das denn sein? Wieso diesen "Kommentar"?

    die bereiche wo ich die scrolleiste brauche heissen content und content_rest.

    Was heißt, du brauchst Scrollleisten? Wie sind sie "verschwunden"? Ein Browser bietet die Möglichkeit zu scrollen in der Regel dann an, wenn der Inhalt größer als das (Eltern-)Element ist und der CSS-Code nichts gegenteiliges vorgibt. overflow kennst du ja offenbar; da hast du verschiedene Optionen.

    Evtl. hängt das Problem mit deinen Vorgaben zu z-index zusammen. Ob man so Scrollleisten verdecken kann, weiß ich aber nicht. Probiere mal aus was passiert, wenn du deinem Content weniger Breite zuweist.

    Noch etwas: Ist die derartig "strikte" Positionierung wirklich notwendig? Du weißt, dass der IE<7 position:fixed; nicht kennt?

    MfG, Kungschu.

    --
    The computer is not willing? The bug is well hidden? The release is tomorrow?
  2. hallo,

    habe ein css-file mit definitionen, nur schaffe ich es nicht das die scrolleisten sichtbar sind. - diese sind ausgeblendet und ich weiss nicht wie ich das wieder hinbekomme.

    die bereiche wo ich die scrolleiste brauche heissen content und content_rest.

    bitte um hilfe, bin schon am verzweigfeln.

    mfg,
    michael

    Hallo Michael,

    probier doch mal:
    * html body {
     width:   100%;
     height:   100%;
     overflow: hidden }

    * html body #container {
     width:   100%;
     height:   100%;
     overflow: auto }

    in allen absolut positionierten Bereichen
    margin-right: 16 px

    im HTML

    <div id="container">
      div id="content">
      div id="content_rest">
    div id="container">

    dann sollten deine Scrolleisten wieder auftauchen.

    Gruß, Susanne

  3. Hi,

    habe ein css-file mit definitionen, nur schaffe ich es nicht das die scrolleisten sichtbar sind. - diese sind ausgeblendet und ich weiss nicht wie ich das wieder hinbekomme.

    wenn nix zu scrollen ist, werden wie schon gesagt auch keine Scrollbalken eingeblendet.
    Du scheinst aber eigentlich gar keine "normale" HTML-Seite haben zu wollen, sondern eher ein Frameset. Ändere das Konzept (weitreichender Verzicht auf position:fixed) oder nutze Frames.

    freundliche Grüße
    Ingo

  4. hi,

    hat sich erledigt danke.

    hab die width und height angaben angepasst und habs nun hinbekommen.

    der ie hat die größenangaben einfach anders intepretiert als der firefox.

    mfg,
    michael