Sidebar Drop

    Hallo,

    ich habe ein kleines Problem von welchem ich eigentlich dachte ich könnte es selbst lösen. Ich will ganz einfach nicht, dass meine sidebar auf meinem blog beim scrollen mit runter geht. Bei dem Background hab ich das schon mit fixed repeat gelößt, aber bei der sidebar scheint das bisschen anders zu funktionieren. Hab absolut keine Erfahrung mit Coding oder so..darum hoffe ich hier auf Hilfe :)!

    Ich weiß bis jetzt dass ich unter sidebar-wrapper was umstellen muss..aber das funktionierte irgendwie nicht. Hier mal ein Auszug:

    /**************** Sidebar *********************/
    #menu{
    float:left;
    margin-bottom:20px;
    }
    #menu li{
    list-style:none;
    }

    #sidebar-wrapper {
    width: 160px;
    float: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
    #sidebar-wrapper li {
    list-style:none;
    }


    .sidebar {
    overflow: hidden;
    font-size:12px;
    text-align:right;
    color: #999999;
    }

    .sidebar h2 {font-size:20px; font-family:Arial; color: #333333; padding-right:10px; border-bottom:1px solid #262626;}

    .sidebar ul {
    list-style:none;
    margin:0px;
    padding-bottom:20px;
    font-weight:bold;
    text-transform:uppercase;
    }

    .sidebar li {
    list-style:none;
    padding-bottom:5px;
    }

    .sidebar .widget-content, .main .widget {margin:10px;}

    .main .Blog {
    border-bottom-width: 0;
    }


    .page_item a:link, .page_item a:visited{
    color: #666666;
    background:#262626 url(http://2.bp.blogspot.com/_j82W7u9kZbs/S…0/menu_left.gif) no-repeat top left;
    margin-bottom:10px;
    padding:8px 5px 5px 15px;
    height:19px;
    width:250px;
    display:block;
    }
    .page_item a:hover {color:#cccccc; background:#161616 url(http://1.bp.blogspot.com/_j82W7u9kZbs/S…_left_hover.jpg) no-repeat top left;}
    .current_page_item a:link, .current_page_item a:visited{color: #ccc; background:#161616 url(http://1.bp.blogspot.com/_j82W7u9kZbs/S…_left_hover.jpg) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:270px;display:block;}


    Ich denke nur der Anfang ist wichtig, hab aber mal alles kopiert. Kann mir jemand helfen?

    Die Seite ist: splitthemilka.blogspot.com

    grüße

    Also ich empfehl dir Thubnails ;)

    das funktioniert mit der position-angabe
    bzw, kannst du per CSS auch scrollbars für einzelne elemente definieren
    so, dass dein body nicht gescrollt wird, aber dafür dein eigentlicher content
    dann bleibt der rest gleich
    Schau mal auf http://de.selfhtml.org

    Something big is coming. And there will be pirates and ninjas and unicorns...

    #sidebar-wrapper {
    position:absolute;
    width: 160px;
    float: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

    dann muss doch das reichen oder? Hab das nach dem f1 beispiel gemacht. oder muss da noch top und left hin à la:
    #f1 { position:fixed; top:45px; left:430px; width:150px; height:150px; background-color:#afa; }
    </style>
    </head><body>