Scrollbar

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;
}[/CODE]

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

overflow:hidden;

kannste ja nicht sehen, wenn du ihn versteckst :wink:

Nicht zu empfehlen, funktionieren nur im IE (mittlerweile auch in Opera und Konqueror)!

Wow, das ging aber schnell!

Der kürzeste Thread, den ich je gepostet habe. ;Jump

… wie Frank ja schon schrieb :mrgreen:

Oh, hab ich übersehen… ;ugl

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;
}[/code]

füge mal das in deine CSS-Datei zu:

* {margin:0; padding:0;}

Wo genau muss ich das im Code einfügen?

an den Anfang deiner CSS-Datei.

Nun ist alles so dicht aufeinander, nirgends sind Abstände…

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…

aktuelle CSS-Datei?

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;
}

[/CODE]

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?