Probleme mit Scrollliesten bei overflow

Status
Nicht offen für weitere Antworten.

julieann

Erfahrenes Mitglied
Hallo!

Habe folgende Seite erstellt und erstmal zu Testzwecken hochgeladen.
http://home.arcor.de/julieann/maus/index.htm

Ich brauche auf der Seite "Konzept" eine Scrolleiste, doch auf den anderen Seiten soll diese nicht erscheinen (und horizontal sowieso eigtl. nie). Es werden aber alle Inhalte per CSS gehändelt, hier das CSS file:

Code:
#back         {margin-left: -400px; margin-top: -300px}
#menu         {margin-left: -400px; margin-top: -190px; width:800px}
#content      {margin-left: -340px; margin-top: -120px; width:700px; height:370px;overflow:scroll;}





BODY,A {

scrollbar-face-color:#135143;
scrollbar-highlight-color:#0C352B;
scrollbar-3dlight-color:#0C352B;
scrollbar-darkshadow-color:#0C352B;
scrollbar-shadow-color:#0C352B;
scrollbar-arrow-color:#0C352B;
scrollbar-track-color:#0C352B;

}
img
{float:left;}

body
{margin:0; padding:0; color:#ffffff; background:#ffffff; font:80% Verdana,Tahoma,sans-serif;text-align:center;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content h1
{margin:0; color:#ffffff; text-decoration:underline; font-size:1.5em; letter-spacing:-2px; text-align:center;}

#content h2
{margin:0; color:#ffffff; font-size:1em; text-decoration: underline; text-align:center;}

#content h3
{margin:0; color:#ffffff; font-style:italic; font-size:1em; text-align:center;}

a:link  {
        color : #FFFFFF;
        text-decoration : none;

}

a:visited  {
        color : #FFFFFF;
        text-decoration : none;
}

a:active  {
        color : #11FFBF;
        text-decoration : overline underline;
}

a:hover  {
        color :#11FFBF;
        text-decoration : overline underline;

Wie kann ich das beheben? Kann mir da jemand weiterhelfen?
 
Hi,

setz mal den overflow-Wert scroll auf auto - so werden die Scrollbalken vom Browser nur dann angezeigt, wenn der Inhalt den Anzeigebereich "überschreitet".
 
Status
Nicht offen für weitere Antworten.
Zurück