• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scrollbar

Status
Für weitere Antworten geschlossen.
Mario348

Mario348

Neues Mitglied
Meine Scrollbar wird nicht angezeigt, hier der komplette CSS Code, in der sie enthalten ist:

Code: 
body {
color: black;
font-weight: bold;
background-color: gray;
font-family: Arial, Helvetica, Sans-Serif;
text-align: left;
object-align: center;
}


a {
text-decoration: underline;
color: orange;
}    

a:visited {
text-decoration: underline;
color: yellow;
}   

a:hover {
text-decoration: underline;
color: red;
}

a:active {
text-decoration: none;
color: red;
}

* {
scrollbar-base-color:orange;
scrollbar-arrow-color:black;
scrollbar-shadow-color: black; 
}

#oben
 {
    width:                 1280px;
    height:             262px;
    background-repeat:          no-repeat;
}



#content
 {
    width:                  793px;
    height:                596px;
      float:                left;
}




html, body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

#content_container {
    height:95%;
    overflow:auto;
}

#footer {
    background:gray;
    height:10%;
    text-align:center;
    padding-top:1%;
}


#navigation {
    position:fixed;
    width:193px;
    height:1280px;

}


#inhalt {
    position:absolute;
    width:592px;
    height:1280px;

}


.p1 { border:2px solid orange;
      margin-bottom:30px;
      margin-right:310px;
      padding:6px;
      font-size:12pt;
         

      }



.font-big {
font-family: Verdana, sans-serif;
font-size:16px; font-weight:bold;
color:#000000;
}
.font-small {
font-family: Verdana, sans-serif;
font-size:10px; font-weight:normal;
color:#000000;
}
.table {
background-color:#000000;
width:50%;
}
.head {
background-color:#FFA500;
}
.main {
background-color:#919191;
font-family: Verdana, sans-serif;
font-size:12px; font-weight:normal;
color:#000000;
}
.foot {
background-color:#FFA500;
}
.align {
text-align:left;
}
.textarea {
background-color:#FFFFFF;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
font-size: 12px;
border : 1px solid #808080;
}
.input {
background-color:#FFFFFF;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size: 12px;
}
.select {
background-color:#FFFFFF;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
font-size: 12px;
}
.button {
width : 130px;
}
 
Nicht angezeigt in welchem Sinne?
Nicht angezeigt also gar nicht da oder eher da aber nicht so wie du sie möchtest.
Falls letzteres, das aussehen von Scrollbars lässt sich nur in der MSIE reihe verändern
 
SelfHTML schrieb:
Die hier beschriebenen Eigenschaften lassen sich auf HTML-Elemente wie beispielsweise html, body oder textarea anwenden. Mit html und body legen Sie die Farben der Fenster-Scroll-Leisten fest, bei textarea die Farben der Scroll-Leisten des Eingabebereichs.
Zum Vergrößern anklicken....
Nicht zu empfehlen, funktionieren nur im IE (mittlerweile auch in Opera und Konqueror)!
 
Nun hat es über der Navigation noch einen grauen Balken über der Navigation, habe jedoch den Fehler nicht gefunden. Es muss ja wahrscheindlich an einem der padding liegen, aber an welchem?

Code: 
.style00 {
   font-family:UniversalMath1 BT, Helvetica, sans-serif;
   font-size:1em;
   font-color:#ffa500;
   text-align:center;
   font-weight:bold;
} 


 #Navigation {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      }
    #Navigation ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #Navigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #Navigation a {
      float:left;
      background:url("image/tableftH.gif") no-repeat right top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #Navigation a span {
      float:left;
      display:block;
      background:url("image/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #Navigation a span {float:none;}
    /* End IE5-Mac hack */
    #Navigation a:hover span {
      color:#FFF;
      }
    #Navigation a:hover {
      background-position:0% -42px;
      }
    #Navigation a:hover span {
      background-position:100% -42px;
      }
 
die kannst du ja jetzt für jeden Bereich noch manuell einfügen, so wie du sie haben möchtest.
 
Habe den Code nun bei #oben und #navigation und anschliessend nur bei einem von beidem eingefügt, nichts passiert...
 
Hier der betroffene Ausschnitt:

Code: 
#navigation {

    margin:0;
    padding:0;
    position:fixed;
    width:193px;
    height:1280px;


    #oben
 {      
    width:                 1280px;
    height:             262px;
    background-repeat:          no-repeat;
}
 
Du sollst das margin:0; und padding:0; so einfügen wie ich es dir gesagt habe!
Und dann für alles andere die Abstände manuell so festlegen wie du sie haben möchtest.
 
Ich möchte doch nur alles so wie es ist, einfach ohne den Abstand der Navigation. Dazu muss ich doch wohl nicht für alles einzeln die Abstände festlegen?
 
wenn du willst, dass deine Seite in jedem Browser richtig angezeigt werden kann, dann solltest du das schon tun.
 
Das Einzige, wo ich Abstände definiert habe, sind die Absätze mit der Class p1, die Formatierungen dazu habe ich in der style.css festgelegt.

Wird das Ganze dadurch nicht vereinfacht?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben