Zwei-Säulen-Thema, Helfen, machen beide Spalten separat Scrollbar

Ich bin nicht sicher, was zu tun ist, auf diesen einen, ich bin kein Programmierer, aber versuchen, CSS zu lernen, da dies, wie das Thema ich bin mit kodiert wurde.

Habe ich mittlerweile ganz weit auf meiner eigenen, aber diese stümpfe mir Seine zwei-Säulen-Thema... soweit ich in der Lage gewesen zu bekommen, die ich verwenden können, die folgenden:

#left {
   width: 235px;
   padding: 10px;
   margin-left: 20px;
   position: fixed;
   line-height: 15px;

Wenn ich die position auf Absolute, Die ganze Seite scrollt, Wenn ich belasse es Fest, und fügen Sie läßt sagen, ein Twitter-feed, oder eine andere Art von text, der mich nimmt, über seine Lektüre, wo man normalerweise scrollen Sie einfach abgeschnitten, nicht um es zu bekommen, hightlight oder Blättern Sie..

Habe ich auch schon mit dem Gedanken getragen, der die änderung der Thema, um eine 3-Spalten-theme, aber Wieder, kein Programmierer, und ich würde mich wirklich verwirrt. jede Hilfe wäre toll...

Meine Website ist bei 99lessoxygen.tumblr.com code wurde gefunden von http://nigredotheme.tumblr.com

Ich sollte anmerken, dass, Wenn Ihr auf Festnetz nur die Rechte Seite der Seite kann gescrollt werden, und die linke Seite ist gesperrt.

InformationsquelleAutor Michael macDonald | 2010-05-02

  1. 1

    Ich glaube, was Ihr sucht, ist overflow:auto;

    Müssen Sie entfernen position:fixed.

    #box1 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}
#box2 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}

    JSFiddle

    Einen position von absolute Erben eine absolute position vom Elternelement div.

    So zum Beispiel, wenn Sie ein div-eingestellt auf 1000 Pixel und einer position der relativen
    und dann fügen Sie ein weiteres div innerhalb des div mit position absolute und können sagen right:100px es erscheinen auf der rechten Seite des übergeordneten div-100 Pixeln von der rechten Seite.

    InformationsquelleAutor Jamie Collingwood

  2. 0

    versuchen Sie geben beiden Spalten und Höhe hinzufügen:

    overflow:auto;

    Macht diese Bildlaufleisten erscheinen auf Ihrem container, wenn der Inhalt überläuft.

    nicht für mich arbeiten, oder vielleicht bin ich platzieren diese in der falschen Stelle... ich will nicht plce den gesamten code... :S

    InformationsquelleAutor Galen

Schreibe einen Kommentar