Forums > need help with sidebar

Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
soho1006
Feb 12 2006, 12:14 PM
i need help! my sidebar have been pushed to the bottom of the post. it was ok a few weeks ago and i just don't know what need to be done here to bring in up to the left hand side again.
moorepocket
Feb 13 2006, 10:23 AM
what's the code?
soho1006
Feb 13 2006, 10:32 AM
here goes..thanks!!
<!-- begin code provided by createblog.com --><br />body {<br />  background:#dd9;<br />  margin:0;<br />  padding:40px 20px;<br />  font:x-small Georgia,Serif;<br />  text-align:center;<br />  color:#333;<br />  font-size/* */:/**/small;<br />  font-size: /**/small;<br />  }<br />a:link {<br />  color:#684;<br />  text-decoration:none;<br />  }<br />a:visited {<br />  color:#996;<br />  text-decoration:none;<br />  }<br />a:hover {<br />  color:#c60;<br />  text-decoration:underline;<br />  }<br />a img {<br />  border-width:0;<br />  }<br /><br /><br />/* Header<br />----------------------------------------------- */<br />@media all {<br />  #header {<br />    width:660px;<br />    margin:0 auto 10px;<br />    border:1px solid #ffc;<br />    }<br />  }<br />@media handheld {<br />  #header {<br />    width:90%;<br />    }<br />  }<br />#blog-title {<br />  margin:5px 5px 0;<br />  padding:20px 20px .25em;<br />  border:1px solid #ee9;<br />  border-width:1px 1px 0;<br />  font-size:200%;<br />  line-height:1.2em;<br />  font-weight:normal;<br />  color:#874;<br />  text-transform:uppercase;<br />  letter-spacing:.2em;<br />  }<br />#blog-title a {<br />  color:#874;<br />  text-decoration:none;<br />  }<br />#blog-title a:hover {<br />  color:#c60;<br />  }<br />#description {<br />  margin:0 5px 5px;<br />  padding:0 20px 20px;<br />  border:1px solid #ee9;<br />  border-width:0 1px 1px;<br />  max-width:700px;<br />  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.2em;<br />  color:#a83;<br />  }<br /><br /><br />/* Content<br />----------------------------------------------- */<br />@media all {<br />  #content {<br />    width:660px;<br />    margin:0 auto;<br />    padding:0;<br />    text-align:left;<br />    }<br />  #main {<br />    width:410px;<br />    float:left;<br />    }<br />  #sidebar {<br />    width:220px;<br />    float:right;<br />    color:#863;<br />    }<br />  }<br />@media handheld {<br />  #content {<br />    width:90%;<br />    }<br />  #main {<br />    width:100%;<br />    float:none;<br />    }<br />  #sidebar {<br />    width:100%;<br />    float:none;<br />    }<br />  }<br /><br /><br />/* Headings<br />----------------------------------------------- */<br />h2 {<br />  margin:1.5em 0 .75em;<br />  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.2em;<br />  color:#774;<br />  }<br /><br /><br />/* Posts<br />----------------------------------------------- */<br />@media all {<br />  .date-header {<br />    margin:1.5em 0 .5em;<br />    }<br />  .post {<br />    margin:.5em 0 1.5em;<br />    border-bottom:1px dotted #fff;<br />    padding-bottom:1.5em;<br />    }<br />  }<br />@media handheld {<br />  .date-header {<br />    padding:0 1.5em 0 1.5em;<br />    }<br />  .post {<br />    padding:0 1.5em 0 1.5em;<br />    }<br />  }<br />.post-title {<br />  margin:.25em 0 0;<br />  padding:0 0 4px;<br />  font-size:140%;<br />  font-weight:normal;<br />  line-height:1.4em;<br />  color:#c80;<br />  }<br />.post a {<br />  font-weight:bold;<br />  }<br />.post-title a, .post-title a:visited, .post-title strong {<br />  display:block;<br />  text-decoration:none;<br />  color:#b70;<br />  font-weight:normal;<br />  }<br />.post-title strong, .post-title a:hover {<br />  color:#333;<br />  }<br />.post div {<br />  margin:0 0 .75em;<br />  line-height:1.6em;<br />  }<br />p.post-footer {<br />  margin:-.25em 0 0;<br />  color:#a85;<br />  }<br />.post-footer em, .comment-link {<br />  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.1em;<br />  }<br />.post-footer em {<br />  font-style:normal;<br />  color:#863;<br />  margin-right:.6em;<br />  }<br />.comment-link {<br />  margin-left:.6em;<br />  }<br />.post img {<br />  padding:4px;<br />  border:1px solid #ddd;<br />  }<br />.post blockquote {<br />  margin:1em 20px;<br />  }<br />.post blockquote p {<br />  margin:.75em 0;<br />  }<br /><br /><br />/* Comments<br />----------------------------------------------- */<br />#comments h4 {<br />  margin:1em 0;<br />  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.2em;<br />  color:#774;<br />  }<br />#comments h4 strong {<br />  font-size:130%;<br />  }<br />#comments-block {<br />  margin:1em 0 1.5em;<br />  line-height:1.6em;<br />  }<br />#comments-block dt {<br />  margin:.5em 0;<br />  }<br />#comments-block dd {<br />  margin:.25em 0 0;<br />  }<br />#comments-block dd.comment-timestamp {<br />  margin:-.25em 0 2em;<br />  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.1em;<br />  }<br />#comments-block dd p {<br />  margin:0 0 .75em;<br />  }<br />.deleted-comment {<br />  font-style:italic;<br />  color:gray;<br />  }<br /><br /><br />/* Sidebar Content<br />----------------------------------------------- */<br />#sidebar ul {<br />  margin:0 0 1.5em;<br />  padding:0 0 1.5em;<br />  border-bottom:1px dotted #fff;<br />  list-style:none;<br />  }<br />#sidebar li {<br />  margin:0;<br />  padding:0 0 .25em 15px;<br />  text-indent:-15px;<br />  line-height:1.5em;<br />  }<br />#sidebar p {<br />  line-height:1.5em;<br />  }<br /><br /><br />/* Profile<br />----------------------------------------------- */<br />#profile-container {<br />  margin:0 0 1.5em;<br />  border-bottom:1px dotted #fff;<br />  padding-bottom:1.5em;<br />  }<br />.profile-datablock {<br />  margin:.5em 0 .5em;<br />  }<br />.profile-img {<br />  display:inline;<br />  }<br />.profile-img img {<br />  float:left;<br />  padding:4px;<br />  border:1px solid #ffc;<br />  margin:0 8px 3px 0;<br />  }<br />.profile-data {<br />  margin:0;<br />  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.1em;<br />  color:#763;<br />  }<br />.profile-data strong {<br />  display:none;<br />  }<br />.profile-textblock {<br />  margin:0 0 .5em;<br />  }<br />.profile-link {<br />  margin:0;<br />  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.1em;<br />  }<br /><br /><br />/* Footer<br />----------------------------------------------- */<br />#footer {<br />  width:660px;<br />  clear:both;<br />  margin:0 auto;<br />  }<br />#footer hr {<br />  display:none;<br />  }<br />#footer p {<br />  margin:0;<br />  padding-top:15px;<br />  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;<br />  text-transform:uppercase;<br />  letter-spacing:.1em;<br />  }<br />  </style><br /><br /></head><br /><br /><body><br /><br /><div id="header"><br /><br />  <h1 id="blog-title"><br />    <ItemPage><a href="<$BlogURL$>"></ItemPage><br />	<$BlogTitle$><br />	<ItemPage></a></ItemPage><br />  </h1><br />  <p id="description"><$BlogDescription$></p><br /><br /></div><br /><br /><!-- Begin #content --><br /><div id="content"><br /><br /><br /><!-- Begin #main --><br /><div id="main"><div id="main2"><br /><br /><Blogger><br /><br />    <BlogDateHeader><br />  <h2 class="date-header"><$BlogDateHeaderDate$></h2><br />  </BlogDateHeader><br /><br />  <br />     <br />  <!-- Begin .post --><br />  <div class="post"><a name="<$BlogItemNumber$>"></a><br />         <BlogItemTitle><br />    <h3 class="post-title"><br />  <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl><br />  <$BlogItemTitle$><br />  <BlogItemUrl></a></BlogItemUrl><br />    </h3><br />    </BlogItemTitle><br /><br />          <div class="post-body"><br />	<div><br />      <$BlogItemBody$><br />    </div><br />    </div><br />    <br />    <p class="post-footer"><br />      <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em><br />      <MainOrArchivePage><BlogItemCommentsEnabled><br /><br />         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a><br />      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled><br /><a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a><br /></BlogItemBacklinksEnabled><br /></MainOrArchivePage>  <$BlogItemControl$><br />    </p><br />  <br />  </div><br />  <!-- End .post --><br />  <br />  <br />  <br />  <!-- Begin #comments --><br /> <ItemPage><br />  <div id="comments"><br /><br />	<BlogItemCommentsEnabled><a name="comments"></a><br />        <h4><$BlogItemCommentCount$> Comments:</h4><br />        <dl id="comments-block"><br />      <BlogItemComments><br />      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a><br />        <$BlogCommentAuthor$> said...<br />      </dt><br />      <dd class="comment-body"><br /><br />        <p><$BlogCommentBody$></p><br />      </dd><br />      <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a><br />   <$BlogCommentDeleteIcon$><br />   </dd><br />      </BlogItemComments><br />    </dl><br />  <p class="comment-timestamp"><br /><br />    <$BlogItemCreate$><br />    </p><br />    </BlogItemCommentsEnabled>     <br />    <BlogItemBacklinksEnabled><br />    <a name="links"></a><h4>Links to this post:</h4><br />    <dl id="comments-block"><br />    <BlogItemBacklinks><br />        <dt class="comment-title"><br />        <$BlogBacklinkControl$><br />        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$><br />        </dt><br />        <dd class="comment-body"><$BlogBacklinkSnippet$><br />        <br /><br />        <span class="comment-poster"><br />        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em><br />        </span><br />        </dd><br />    </BlogItemBacklinks><br />    </dl><br />    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p><br />    </BlogItemBacklinksEnabled><br /><br /><br />  <p class="comment-timestamp"><br />	<a href="<$BlogURL$>">&lt;&lt; Home</a><br />    </p><br />    </div><br /><br /></ItemPage><br /><br />  <!-- End #comments --><br /><br /></Blogger><br /></div></div><br /><!-- End #main --><br /><br /><br /><br /><br /><br /><br /><br /><!-- Begin #sidebar --><br /><div id="sidebar"><div id="sidebar2"><br />  <br />  <br />  <!-- Begin #profile-container --><br />    <br />       <$BlogMemberProfile$><br /><br />  <!-- End #profile --><br />    <br />        <MainOrArchivePage><br />  <h2 class="sidebar-title">Links</h2><br />    <ul><br />    	<li><a href="http://news.google.com/">Google News</a></li><br />    	<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li><br />    	<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li><br />  </ul><br />  </MainOrArchivePage><br />  <br />  <h2 class="sidebar-title">Previous Posts</h2><br />    <ul id="recently"><br />    <BloggerPreviousItems><br />        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li><br />     </BloggerPreviousItems><br />  </ul><br />    <MainOrArchivePage><br /><br />  <h2 class="sidebar-title">Archives</h2><br />    <ul class="archive-list"><br />      <BloggerArchives><br />    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li><br />   </BloggerArchives><br /><br />  </ul><br />  </MainOrArchivePage><br /><br />      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p><br />  <br />  <!--<br />  <p>This is a paragraph of text that could go in the sidebar.</p><br />  --><br />  <br /><br /><br /></div></div><br /><!-- End #sidebar --><br /><br /><br /></div><br /><!-- End #content --><br /><!-- end code provided by createblog.com -->
moorepocket
Feb 14 2006, 09:20 AM
nothing's wrong with it.

YOu just forgot to have all your tags there. You need an opening tag for your css. It goes:
QUOTE
soho1006
Feb 14 2006, 11:17 AM
you're right and thanks so much for your help. i've tried putting in the suggested css but it still doesn't work. i finally decided to make the font smaller and it's now back to it's normal layout. i supposed the font got bigger (somehow) and must have overflowed into the sidebar.

cheer mate!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.