Resolved Tumblr theme width issue help?

minimia · 12-27-2012, 11:20 AM

Hello!

I've been coding my tumblr theme (please look for current state here: http://www.tammyanntan.tumblr.com/) - but as you can see, posts are smaller than the maximum 500px.

I haven't implemented a code for the HighRes larger photo posts, but am trying to figure out what is shrinking then entirety of the entries. It shows as full in Preview mode, but not published.

I'd really appreciate any help to find out what I have done in error here! Thank you in advance. :)

Here is a current copy of the theme's code:

<!DOCTYPE html><html> 



<head>

 







<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}





<meta name="color:background" content="#fcfaf3"/>

<meta name="color:border" content="f3f1f1"/>

<meta name="color:text" content="#b6b5b5"/>

<meta name="color:link" content="#a8a7a7"/>

<meta name="color:linkhover" content="f1d65d"/>

<meta name="color:scrollbg" content="#ffffff" />

<meta name="color:scrollbar" content="#dfdfdf" />





<meta name="image:sidebar" content=""/>





<!-- LINKS -->

<meta name="text:home link" content="london" />

<meta name="text:home url" content="/" />  

<meta name="text:link 3" content="link 3" />

<meta name="text:link 3 url" content="/" />

<meta name="text:ask link" content="ask me" />

<meta name="text:ask url" content="/ask" />  

<meta name="text:link 1" content="link 1" />

<meta name="text:link 1 url" content="/" />

<meta name="text:link 2" content="link 2" />

<meta name="text:link 2 url" content="/" />



<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>



<!-- ScrolltoTop -->



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>

<a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="http://media.tumblr.com/c92c73d368a2a305e9a3302fa07e0e57/tumblr_inline_mfnzydxael1rw4cms.png" title="Go to Top" alt="Go to Top"/></a>







<style type="text/css">



 





/* --- BODY ---*/



body {background:{color:background}; margin:0px; color:{color:text}; font-family:cambria; font-size:13px; line-height:140%;}



 #scrollToTop:link, 

#scrollToTop:visited {

  display: none;

  position: fixed;

  top: 20px;

  right: 20px;

}



blockquote {

border-left:1px solid #696363;

padding-left:2px;

margin:5px;

}



a:hover {text-decoration:none; opacity:0.9;}





a {color:#61534f; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }



 ::-webkit-scrollbar {

width: 5px;height: 5px;}

::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {

height: 6px;display: block;background-color: {color:scrollbar};}

::-webkit-scrollbar-track-piece {

background-color: {color:background};}

::-webkit-scrollbar-thumb:vertical {

height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:background};border-bottom:1px solid {color:background};}

 ::-moz-selection {background-color:{color:linkhover};color:{color:subtext};}

 ::selection {background-color:{color:linkhover};color:{color:subtext};}





 





#entries {padding:10px; width:500px; margin-left:500px; margin-top:50px;}

 





#post {width:500px; padding-bottom:30px; font-style:none;}



#creditz {position:fixed; text-align:right; background-color:{color:question};bottom:10px; right:10px; font-size:9px; font-family:calibri;color:{color:text}; text-transform:uppercase;padding: 3px 7px 3px 7px; letter-spacing: 1px;border: 1px solid {color:border}; width:auto;height: auto;font-style:normal;}



/*hover reblog*/



/* --- SIDEBAR ---*/



#sidebar {width:220px; position:fixed; margin-left:-10px; margin-top:100px;}



#sidebarimage {width:130px;}



#sidebarimage img { margin-left:300px; width:130px; margin-top:-6px; border:none; color:{color:border}; padding:5px; padding-bottom:6px; background-color: ##fffffd;}



#description {padding:8px; padding-top:35px;margin-left: 72px; margin-top:-0px; width: 134px; line-height: 130%; text-transform:none; text-align:center; font-family:cambria; color:#a89e9e; font-size: 12px; font-style: none; font-style:none;}



#links{margin-top:-155px; margin-left:230px;position: fixed; line-height:14px;}



.linkz {font-family"PT Serif"; letter-spacing:1px;height:10px; padding-bottom:8px; padding-left:3px; padding-right:9px; padding-top:5px; width:50px; border:1px solid; color:{color:border}; border-right:none; border-left:none; border-top:none;}



.linkz:hover {text-decoration:none; padding-left:10px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}



#links a {font-size:10px; color:#a89e9e; font-style:none; text-align:center; text-transform:uppercase;}



#accent {margin-top:-5px; margin-left:0px; font-size:8px; font-weight:500px; color:{color:border}; text-align:center;}



#questions {background-color: #fcfcfc; color: {color:text}; border-top: dotted 1px {color:border}; margin-left:0px; padding:11px; margin-top: 5px; margin-bottom:5px; font-family:cambria; font-size:10px; font-style:italic; text-align:left;}



.note {padding:0px 20px 0px 20px; background-color:#FFFFFF;text-transform:lowercase; letter-spacing:0px; font-size: 11px; font-style:italic; text-align:left; line-height:120%;}

   

.note li {list-style-type:none; padding:5px 25px 5px 25px; text-align:left;

margin-left:30px; margin-top:-50px;}



#info {font-family:calibri; text-align:center; margin-top:5px; padding-top:5px; padding:5px; text-transform:uppercase; font-style:none; font-size:8px; line-height:80%; border-top: 1px solid #f8f8f8;}



#date {font-family:calibri; text-align:justify; text-transform:uppercase; font-size:11px;}



#photo {width:auto;}



#tags {font-family:calibri; text-align:center; margin-top:-5px; padding-bottom:3px; text-transform:uppercase; font-style:none; font-size:8px;}



#pagination {margin-top:-400px; position:fixed; opacity:1;}



  



{CustomCSS}</style>

       

    

</head><body>





<div id="sidebar">

<div id="sidebarimage"><img src="{image:sidebar}"/></div><br>

<div id="links">

<div class="linkz">

<a href="/">{text:home link}</a><br></div>

<div class="linkz">

<a href="{text:link 3 url}">{text:link 3}</a><br></div>

<div class="linkz">

<a href="/ask">{text:ask link}</a><br></div>

<div class="linkz">

<a href="{text:link 1 url}">{text:link 1}</a><br></div>

<div class="linkz">

<a href="{text:link 2 url}">{text:link 2}</a><br></div>





<div id="description">{Description}{/Block:Description}

<br><br>

<div id="accent">

...........................................................</div>

<br>

<!-- <a href="{PreviousPage}"> prev </a> -

<a href="{NextPage}">next</a> -->

   {block:PreviousPage}  <a href="{PreviousPage}">next  <font size="4">»</font></a>{/block:PreviousPage}

   {block:NextPage}<a href="{NextPage}"><font size="4">« </font>     prev</a>{/block:NextPage}

<br>

  {block:PermalinkPagination}

  {block:NextPost}<a href="{NextPost}"><font size="6"> «  </font></a>{/block:NextPost}

  {block:PreviousPost}  <a href="{PreviousPost}"><font size="6">   »     </font></a>{/block:PreviousPost}

  {/block:PermalinkPagination}<p> 

</div>

</div>

</div> 

 







 <div id="entries">{block:Posts} <div id="post"><a href="{Permalink}">

 <div id="date">{block:date}{Month} {DayOfMonth} {Year} {/block:date}</div>

<h1>{block:Title}{Title}{/block:Title}</h1> {block:Text} {Body}{/block:Text}

 



{block:Photo}<center> <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </center>{block:Caption}{Caption}{/block:Caption}

{/block:Photo}



{block:Photoset}

<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}

{/block:Photoset}



{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}



{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} 



{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}



{block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio} 



{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} 



{block:Answer}<div id="questions">❝<b>{Asker}</b> said: {Question}</div>

<div id="answer"><i>{Answer}</i></div>{/block:answer}



<div id="info">

</a>  {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}</a> {block:ContentSource} <a href="{SourceURL}">(© {SourceURL}</a>){/block:ContentSource}</div>



<div id="tags">

{block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>



</div>

{block:PostNotes}{PostNotes}{/block:PostNotes}

{/block:Posts}</div>

 





</div>

                                  

</body>



</html>

Paripka · 12-27-2012, 05:39 PM

Hi Tammy,

Your posts seem to be the correct width to me, my browser is telling me they are 500px wide. Could it be your browser page is zoomed-out?

minimia · 12-27-2012, 05:52 PM

Now I feel silly! Thank you!