Lost scrollbar help
238 views
Skip to first unread message
Jeremy Behmoaras
Jan 28, 2012, 5:29:38 PM1/28/12
to Tumblr Themes
I cant get the scrollbar to show on the page, please help!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
Constraints
Theme created by: Shannon - sleepingtigers
Multiple grid credit: incubi
Please do not take any part of this coding for your own,
time and effort has been placed into it and I ask you to respect that.
Thank you.
-->
<head>
<title>jb food</title>
<meta name="color:post background" content="#FFFFFF" />
<meta name="color:text" content="#292929">
<meta name="color:link" content="#2E2E2E" />
<meta name="color:link hover" content="#000000" />
<meta name="if:Endless Scroll" content="1" />
<meta name="if:Fade Images" content="0" />
<meta name="if:Hide Captions" content="1" />
<meta name="if:Display Portrait" content="0" />
<meta name="if:Rounded Photo Edges" content="0" />
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<title>Untitled Document</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold'
rel='stylesheet'
type='text/css'>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<style type="text/css">
#tumblr_controls{position:fixed !important; }
/* HEADER */
#header {
position: relative;
background: transparent;
border-bottom: 0px solid #ebebeb;
height: 100px;
width: 1120px;
margin: 0px 0px 0px 50px;
font-size: 28px;
padding: 0px;
font-family: Palatino Linotype;
text-align: left;
}
/* BODY ENTRIES */
body{ color:{color:text}; background-color:#fff; font-family:times new
roman; font-size:11px; line-height: 13px; text-align:left;}
#content{ width:100%; margin: auto auto auto auto ; position: fixed;
left: 25px;}
#content .posts { width:1700px; margin:auto; position: fixed; left:
25px; padding-top:15px;}
#content .posts img {{block:IFRoundedPhotoEdges}border-radius:5px; -
moz-border-radius:5px;{/block:IfRoundedPhotoEdges} }
#content .entry {{block:IndexPage}width: 500px; margin:18px; padding:
8px; float:left; position: relative;{/block:IndexPage}
{block:PermalinkPage}width:500px;
{/block:PermalinkPage} background-color:{color:post background}; } /*
ST */
.disphoto {background-image: url({PortraitURL-64}); -moz-border-
radius: 10px; -webkit-border-radius: 10x; width: 10px; height: 75px;
margin: 7px; }
.dtion {padding:3px; padding-top:2px; }
.dtionborder {border-top:2px solid {color:text}; width:100%; }
.padding {padding-bottom:3px;}
/* ST */ #navigation {width:10px; margin:auto; position:absolute; font-
family:times new roman; font-size:11px; bottom:30px; }
/* TEXT PROPS */
a:link, a:active, a:visited{ color: {color:link}; text-
decoration:none; -moz-transition: 0.8s ease-in; -webkit-transition:
0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
a:hover{ color:{color:link hover}; -moz-transition: 0.8s ease-in; -
webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in;
transition: 0.8s ease-in;}
.title { color:{color:text}; font-family:times new roman; font-size:
12px; font-weight:bold; text-transform:uppercase; }
.ptitle { color:{color:text}; font-family:times new roman; font-size:
11px; padding:3px; border-bottom:2px solid {color:text};}
.permalink {text-align:left; font-family:times new roman; font-size:
9px; font-weight:bold; opacity:.6; }
/* POST SPECIFICS */
.quote {font-family:times new roman; font-size:11px; }
.source {font-family:times new roman; font-size:11px; font-
weight:bold; text-align:left; text-transform:uppercase; }
.audio {width: 500px; background-color:#fff; padding:3px; -webkit-box-
shadow: 3px 3px 3px #dcdcdc;}
div.video embed, div.post div.video object { width:500px !important;
height:120px !important;}
.question { background-color:{color:post background}; padding:3px; }
.answer { background-color:#EEE; padding:3px; }
{block:ifFadeImages} img {opacity: 1; -webkit-transition-duration:
0.8s; }
img:hover { opacity: .50; -webkit-transition-duration: 0.8s; } {/
block:ifFadeImages}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:
2px; }
ol.notes { padding: 0px; margin: 25px 0px; list-style-type:none;
border-bottom: solid 0px #ccc; width:500px;}
ol.notes li.note { border-top: solid 0px #ccc; padding: 2px; width:
500px; }
ol.notes li.note img.avatar {margin-right: 10px; width:0px; height:
0px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table
{background-color:transparent!important;}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/
jquery.min.js"></script>
<script src="/path/to/jquery.masonry.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
</script>
<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('Source:')");
});
</script>
</head>
<body>
<! header piece of the site>
<div id="header">
<br /><br />
<a href="http://jb-food.tumblr.com/"> jb food . . . </a>
</div>
<div id="content">
<div class="posts">
{block:Posts}
<div class="entry">
{block:Text}
{block:Title} <div class="ptitle">{Title}</div> {/block:Title}
{Body}
<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:
{Minutes}:{Seconds}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>
{/block:Text}
{block:Photo}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
{block:PermalinkPage}
{PhotoURL-HighRes}{/block:PermalinkPage}"
alt="{PhotoAlt}" {block:IndexPage}
width="500"{/block:IndexPage}{block:PermalinkPage}width="500"{/
block:PermalinkPage}/>
{block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/
block:IfNotHideCaptions}
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{block:IfHideCaptions}
{block:Caption}{Caption}
{/block:Caption}{/block:IfHideCaptions}
{/block:PermalinkPage}
{block:PermalinkPage}<BR><div style="background-color:#ccc; width:
500px; padding-top:3px;
padding-bottom:3px;"><center>Posted {TimeAgo} {block:NoteCount} with
{NoteCountwithLabel}
{/block:NoteCount}</center> </div>{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Quote}
{Quote} <BR>
{block:Source} <div class="source">{Source}</div> {/block:Source}
<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:
{Minutes}:{Seconds}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>
{/block:Quote}
{block:Link}
<div class="ptitle"><a href="{URL}"{Target}>→ {Name}</a></div>
{block:Description} {Description} {/block:Description}
{/block:Link}
<div class="video">
{block:Video}
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
</div>
{block:Chat}
{block:Title}
<div class="ptitle">{Title}</div>
{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}
<br>{/block:Lines}
<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:
{Minutes}:{Seconds}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>
{/block:Chat}
{block:Audio}
<div class="audio"> {AudioPlayerWhite} </div>
{block:Caption} {Caption} {/block:Caption}
<div class="permalink"><a href="{Permalink}">{PlayCountWithLabel}
{block:ExternalAudio} <a href="{ExternalAudioURL}">Download</a> {/
block:ExternalAudio}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></
div>
{/block:Audio}
{block:Answer}
<div class="question">{Asker} murmured: {Question}</div>
<div class="answer">{Answer}</div>
{block:IndexPage}<div class="permalink"><a href="{Permalink}"> Posted
{12Hour}:{Minutes}:
{Seconds} {block:NoteCount}{NoteCountWithLabel}{/
block:NoteCount} </a></div>
{/block:IndexPage}
{/block:Answer}
</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}
</div>
</div>
{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/
block:PreviousPage}
{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/
block:NextPage}
{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
Constraints
Theme created by: Shannon - sleepingtigers
Multiple grid credit: incubi
Please do not take any part of this coding for your own,
time and effort has been placed into it and I ask you to respect that.
Thank you.
-->
<head>
<title>jb food</title>
<meta name="color:post background" content="#FFFFFF" />
<meta name="color:text" content="#292929">
<meta name="color:link" content="#2E2E2E" />
<meta name="color:link hover" content="#000000" />
<meta name="if:Endless Scroll" content="1" />
<meta name="if:Fade Images" content="0" />
<meta name="if:Hide Captions" content="1" />
<meta name="if:Display Portrait" content="0" />
<meta name="if:Rounded Photo Edges" content="0" />
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<title>Untitled Document</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold'
rel='stylesheet'
type='text/css'>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<style type="text/css">
#tumblr_controls{position:fixed !important; }
/* HEADER */
#header {
position: relative;
background: transparent;
border-bottom: 0px solid #ebebeb;
height: 100px;
width: 1120px;
margin: 0px 0px 0px 50px;
font-size: 28px;
padding: 0px;
font-family: Palatino Linotype;
text-align: left;
}
/* BODY ENTRIES */
body{ color:{color:text}; background-color:#fff; font-family:times new
roman; font-size:11px; line-height: 13px; text-align:left;}
#content{ width:100%; margin: auto auto auto auto ; position: fixed;
left: 25px;}
#content .posts { width:1700px; margin:auto; position: fixed; left:
25px; padding-top:15px;}
#content .posts img {{block:IFRoundedPhotoEdges}border-radius:5px; -
moz-border-radius:5px;{/block:IfRoundedPhotoEdges} }
#content .entry {{block:IndexPage}width: 500px; margin:18px; padding:
8px; float:left; position: relative;{/block:IndexPage}
{block:PermalinkPage}width:500px;
{/block:PermalinkPage} background-color:{color:post background}; } /*
ST */
.disphoto {background-image: url({PortraitURL-64}); -moz-border-
radius: 10px; -webkit-border-radius: 10x; width: 10px; height: 75px;
margin: 7px; }
.dtion {padding:3px; padding-top:2px; }
.dtionborder {border-top:2px solid {color:text}; width:100%; }
.padding {padding-bottom:3px;}
/* ST */ #navigation {width:10px; margin:auto; position:absolute; font-
family:times new roman; font-size:11px; bottom:30px; }
/* TEXT PROPS */
a:link, a:active, a:visited{ color: {color:link}; text-
decoration:none; -moz-transition: 0.8s ease-in; -webkit-transition:
0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
a:hover{ color:{color:link hover}; -moz-transition: 0.8s ease-in; -
webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in;
transition: 0.8s ease-in;}
.title { color:{color:text}; font-family:times new roman; font-size:
12px; font-weight:bold; text-transform:uppercase; }
.ptitle { color:{color:text}; font-family:times new roman; font-size:
11px; padding:3px; border-bottom:2px solid {color:text};}
.permalink {text-align:left; font-family:times new roman; font-size:
9px; font-weight:bold; opacity:.6; }
/* POST SPECIFICS */
.quote {font-family:times new roman; font-size:11px; }
.source {font-family:times new roman; font-size:11px; font-
weight:bold; text-align:left; text-transform:uppercase; }
.audio {width: 500px; background-color:#fff; padding:3px; -webkit-box-
shadow: 3px 3px 3px #dcdcdc;}
div.video embed, div.post div.video object { width:500px !important;
height:120px !important;}
.question { background-color:{color:post background}; padding:3px; }
.answer { background-color:#EEE; padding:3px; }
{block:ifFadeImages} img {opacity: 1; -webkit-transition-duration:
0.8s; }
img:hover { opacity: .50; -webkit-transition-duration: 0.8s; } {/
block:ifFadeImages}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:
2px; }
ol.notes { padding: 0px; margin: 25px 0px; list-style-type:none;
border-bottom: solid 0px #ccc; width:500px;}
ol.notes li.note { border-top: solid 0px #ccc; padding: 2px; width:
500px; }
ol.notes li.note img.avatar {margin-right: 10px; width:0px; height:
0px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table
{background-color:transparent!important;}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/
jquery.min.js"></script>
<script src="/path/to/jquery.masonry.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
</script>
<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('Source:')");
});
</script>
</head>
<body>
<! header piece of the site>
<div id="header">
<br /><br />
<a href="http://jb-food.tumblr.com/"> jb food . . . </a>
</div>
<div id="content">
<div class="posts">
{block:Posts}
<div class="entry">
{block:Text}
{block:Title} <div class="ptitle">{Title}</div> {/block:Title}
{Body}
<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:
{Minutes}:{Seconds}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>
{/block:Text}
{block:Photo}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
{block:PermalinkPage}
{PhotoURL-HighRes}{/block:PermalinkPage}"
alt="{PhotoAlt}" {block:IndexPage}
width="500"{/block:IndexPage}{block:PermalinkPage}width="500"{/
block:PermalinkPage}/>
{block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/
block:IfNotHideCaptions}
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{block:IfHideCaptions}
{block:Caption}{Caption}
{/block:Caption}{/block:IfHideCaptions}
{/block:PermalinkPage}
{block:PermalinkPage}<BR><div style="background-color:#ccc; width:
500px; padding-top:3px;
padding-bottom:3px;"><center>Posted {TimeAgo} {block:NoteCount} with
{NoteCountwithLabel}
{/block:NoteCount}</center> </div>{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Quote}
{Quote} <BR>
{block:Source} <div class="source">{Source}</div> {/block:Source}
<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:
{Minutes}:{Seconds}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>
{/block:Quote}
{block:Link}
<div class="ptitle"><a href="{URL}"{Target}>→ {Name}</a></div>
{block:Description} {Description} {/block:Description}
{/block:Link}
<div class="video">
{block:Video}
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
</div>
{block:Chat}
{block:Title}
<div class="ptitle">{Title}</div>
{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}
<br>{/block:Lines}
<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:
{Minutes}:{Seconds}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>
{/block:Chat}
{block:Audio}
<div class="audio"> {AudioPlayerWhite} </div>
{block:Caption} {Caption} {/block:Caption}
<div class="permalink"><a href="{Permalink}">{PlayCountWithLabel}
{block:ExternalAudio} <a href="{ExternalAudioURL}">Download</a> {/
block:ExternalAudio}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></
div>
{/block:Audio}
{block:Answer}
<div class="question">{Asker} murmured: {Question}</div>
<div class="answer">{Answer}</div>
{block:IndexPage}<div class="permalink"><a href="{Permalink}"> Posted
{12Hour}:{Minutes}:
{Seconds} {block:NoteCount}{NoteCountWithLabel}{/
block:NoteCount} </a></div>
{/block:IndexPage}
{/block:Answer}
</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}
</div>
</div>
{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/
block:PreviousPage}
{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/
block:NextPage}
{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}
</body>
Sean Zhu
Feb 3, 2012, 6:42:29 PM2/3/12
to tumblr...@googlegroups.com
It's probably the position:fixed. If an element has position:fixed, that means it won't scroll with the page. You can remove instances of position:fixed or replace them with position:static.
The position CSS property can have the following values: static (default), absolute, fixed, relative, and inherit. You can find more information by searching Google for [CSS position Property].
position:fixed is okay for #tumblr_controls — the controls can always be in that corner of the page.
Reply all
Reply to author
Forward
0 new messages