Ergebnis 1 bis 6 von 6

Thema: Sidebar Drop

  1. #1
    HTML Newbie
    Registriert seit
    10.02.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 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/_j82W7u9kZb.../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/_j82W7u9kZb...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/_j82W7u9kZb...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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Sidebar Drop

    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...

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    10.02.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Sidebar Drop

    Nach was genau soll ich auf der Homepage suchen? Ich hab ja leider keine Ahnung von den ganzen Begriffen

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Sidebar Drop

    http://de.selfhtml.org/css/eigenscha...g.htm#overflow
    da kannst du die scrollbars für einzelne elemente definieren
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    10.02.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Sidebar Drop

    #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>

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    10.02.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Sidebar Drop

    es tut , danke für deine mühe

Ähnliche Themen

  1. Sidebar soll beweglich sein
    Von Anett Hoffmann im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.11.2008, 13:56
  2. Hilfe für Sidebar an Rapidforum
    Von Unregistriert im Forum Tutorials, Workshops und Anleitungen
    Antworten: 0
    Letzter Beitrag: 23.08.2008, 00:40
  3. drop down
    Von Stein im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.09.2007, 23:15
  4. SIDEBAR..... MENÜLEISTE.... oder so^^
    Von gast im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 23.12.2005, 14:00
  5. frage zur sidebar?
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.12.2004, 00:31

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •