CODEWITHSUNDEEP
csshtmlscrollbartumblr
psti
psti

Reputation: 177

Scroll bar not appearing?

I'm developing a theme for Tumblr and the scrollbar isn't appearing for some reason? This is the url for the blog.

The code for the theme can be found on the page source from the right click (all but the html as it gets messed up by Tumblr filling in the {} blanks)

<body>
<div id="titlebox">
<div id="title"><b>{Title}</b><div>
{block:IfHeaderImage}<img src="{image:Header}" class="avatar"/>{/block:IfHeaderImage}
<div id="description">{Description}</div>
{block:Pages}{block:HasPages}<div id="pages"><a href="{URL}" class="pagelabel">{Label}</a><br></div>{/block:HasPages}{block:Pages}
</div>
</div>
<div id="postholder">
{block:Posts}
<div id="post">
{block:Photo}<a href="{Permalink}"><img src="{PhotoURL-400}" alt="PhotoAlt" class="photo"></a>{/block:Photo}
{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
</div>
{/block:Posts}

Upvotes: 8

Views: 69262

Answers (4)

logan
logan

Reputation: 129

Try:

body {
    overflow:auto;
}

Upvotes: 12

Moftah
Moftah

Reputation: 179

    html, body{
      overflow:initial !important;
    }

Upvotes: 0

user2283403
user2283403

Reputation:

There's a few funny things going on here.

'sidebar' has position 'fixed', which prevents the any new content from being seen even with overflow: auto.

What you can do is remove position: fixed from 'sidebar' and 'postholder'. give 'postholder' overflow: scroll and set body's overflow: auto to hidden (this removes the second scrollbar)

Upvotes: 1

grepit
grepit

Reputation: 22382

The theme is in a way the the height is small therefore the scroll bar disappears. If you have to have a scroll bar try this by adding it under the <style type="text/css"> tag :

html {
    height: 110%;
    margin-bottom: 0.01em;
}

enter image description here

Upvotes: 5

Related Questions