Log In · Register

 
 
 Closed TopicStart new topic
Sidebar problem, Sidebar not aligning properly
sunshine07
post Aug 8 2009, 01:20 AM
Post #1


Sunshine07
**

Group: Member
Posts: 22
Joined: Oct 2008
Member No: 690,489
I just put up a new layout, and the sidebar is aligning correctly on the homepage, but not on other pages of the site (it's going down the page). Here >> http://heartbliss.info

Here's my code:
CODE
<!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">
<head>
<title>Heart Bliss..~ v.5 sweet fragrance </title>

<script type="text/javascript" src="http://heartbliss.info/banners.min.js"></script>
<link rel="shortcut icon" href="http://www.heartbliss.info/images/fav.ico" type="image/icon-x" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

body {
background-color: #dbdfde;
font-size: 11px;
font-family: Tahoma, Verdana;
line-height: 20px;
color: #717171;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-align: justify;
text-indent: 0px;
}

#container {
background: url(http://heartbliss.info/background.jpg) repeat-y;
width: 700px;
margin: 0 auto;
padding-left: 0px;
}

#header1 {
height: 272px;
background: url(http://heartbliss.info/header1.jpg) no-repeat;
margin-top: -10px;
}

#header2 {
height: 254px;
background: url(http://heartbliss.info/header2.jpg) no-repeat;
}


#footer {
background: url(http://heartbliss.info/footer.jpg) no-repeat;
height: 70px;
clear: both;
margin-bottom: -13px;
}

#content {
width: 453px;
margin-top: -55px;
padding-left: 230px;
}

#sidebar {
width: 205px;
margin-top: -495px;
padding-left: 10px;
color: #717171;
}

h1 {
text-align: center;
color: #42bbb4;
font-style: italic;
font-family: georgia;
font-size: 2.3em;
font-weight: normal;
}

h2 {
text-align: right;
color: #d04d4d;
font-family: georgia;
font-style: italic;
font-size: 22px;
border-bottom: 1px dashed #989696;
padding-bottom: 1px;
font-weight: normal;
margin-bottom: 2px;
}

h3 {
margin-bottom: 2px;
text-align: right;
color: #b0a71a;
font-family: georgia;
font-style: italic;
font-size: 22px;
border-bottom: 1px dashed #989696;
padding-bottom: 1px;
font-weight: normal;
}

h4 {
font-size: 11px;
font-family: Tahoma, Verdana;
line-height: 20px;
color: #717171;
padding: 5px;
text-align: center;
background: url('http://i26.tinypic.com/6fz3pk.jpg') no-repeat left;
background-position: left;
}

h4:hover {
background-color: #fff;
}

a:link,a:visited,a:active {
text-decoration: none;
font-family: georgia;
font-style: italic;
font-size: 11px;
cursor: crosshair;
color: #7caa2c;
}

a:hover {
color: #989696;
}

b {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #42bbb4;
}

i {
font-family: georgia;
font-style: italic;
font-size: 1.0em;
color: #f26d6d;
}

u {
font-family: Tahoma;
font-size: 11px;
border-bottom: 1px dotted #989696;
color: #ee4993;
padding-bottom: 1px;
letter-spacing: 1px;
text-decoration: none;
}

blockquote {
font-family: verdana;
font-size: 11px;
width: 350px;
margin: 8px;
padding: 5px;
background: #fff;
cursor: default;
border: 1px solid #dddbde;
}

.nav:link, .nav:visited, .nav:active {
display: block;
font-family: Georgia;
font-size: 2.3em;
color: #878282;
cursor: crosshair;
text-decoration: none;
text-align: left;
margin: 3px;
padding: 2px;
border: none;
font-style: italic;
text-transform: lowercase;
}

a.nav:hover {
color: #acaaaa;
}

img a:hover {
text-decoration: none;
}

li {
list-style-image: url(http://i289.photobucket.com/albums/ll238/sunny07_hp/d5.gif);
margin: -5px;
}

img.border {
display: block;
border: 1px solid #DDD;
padding: 3px;
margin-right: 6px;
background-color: #fff;
}

.frame {
padding: 4px;
background-color: #fff;
margin: 4px 8px 4px 8px;
border: 1px solid gray;
color: #000;
}

a.cat:link, .cat:active, .cat:visited {
font-family: Tahoma;
font-size: 11px;
text-transform: uppercase;
text-align: center;
padding: 3px 5px 3px 5px;
margin: 2px 4px 2px 4px;
background-color: #b7dbe2;
border: 1px solid #18b7c1;
color: #3d3512;
}

a.cat:hover {
font-family: Tahoma;
font-size: 11px;
text-transform: uppercase;
padding: 3px 5px 3px 5px;
margin: 2px 4px 2px 4px;
background-color: #cee5e9;
border: 1px solid #18b7c1;
color: #534815;
}

textarea, input, submit {
background-color : transparent;
border : 1px dotted #717171;
font-family : Tahoma;
font-size : 12px;
letter-spacing: 1px;
color: #f26d6d;
padding: 2px;
}

code {
font-size: 10px;
font-family: "Courier New";
}

.aff:link, .aff:visited, .aff:active {
display: block;
color: #f0f0f0;
background-color: #ec4988;
padding: 4px;
text-align: center;
margin: 4px;
font: 12px Arial;
font-weight: bold;
cursor: pointer;
}

.aff:hover {
background-color: #adadaf;
text-decoration: none;
}

</style>
</head>
<body>

<!-- Container Start -->

<div id="container">

<!-- Header-->

<div id="header1">
</div>
<div id="header2">
</div>

<!-- Content Area -->

<div id="content">

<div id="fanupdate">
<div id="post1" class="post">
<h1>Sweet Fragrance</h1>

<img src="http://i289.photobucket.com/albums/ll238/sunny07_hp/book-1.gif" border="0" alt="notes" /> Posted on <i>Aug 8, 2009</i><br />
<img src="http://i289.photobucket.com/albums/ll238/sunny07_hp/mail2-1.gif" border="0" alt="files" /> Filed under <a href="/index.php?c=1" title="all posts about Website">Website</a><br />
<img src="http://i289.photobucket.com/albums/ll238/sunny07_hp/heart-1.gif" border="0" alt="heart" />  <a href="/index.php?id=1#comments">Leave a note?</a>

<p>Yep, new layout! I think this one is simple and elegant. What do you think ? I tried to use some different colors in this layout, but I always end up using pink. LOL. Anyways.</p>
<p>On an important note, you would’ve seen that the site was down for a many hours on the past few days, that’s because I changed hosts, because I needed more space, so sorry <a href="http://bubble.nu">Kya</a>. Thank you so much for hosting me all these days, I must say you’ve been a great host. So now, I’m hosted by Lillie at <a href="http://foralways.info/wp/">ForAlways Hosting</a>! Subdomain hostees can now have their space upgraded to 1 GB. <img src="http://heartbliss.info/fanupdate/img/emoticon_smile.png" alt=":)" /></p>

<p>I’m working on a lot of tutorials that are yet to be added, and I’ll be revamping the resource section a bit. Also, the reviews section is now open! Please go and apply for a review!</p>
<p>Lately, I’ve been thinking of adding some of my writings and poems to the site…or maybe I could get a new domain for that! That would be cool, LOL. I’ll see what I can do. Anyways, sorry for the short blog, I need to fix up some errors. See you all, bye!</p></div><!-- END .post -->
<p class="paginate"></p><!-- END .paginate --><p align="center"><div class="archivelink">
<form action="/index.php" method="get">
<a href="/index.php">main</a> ˇ
<a href="/index.php?view=archive">archive</a> ˇ

<a class="rss" href="http://heartbliss.info/fanupdate/rss.php">feed</a> ˇ
<input type="text" name="q" value="" />
<input type="submit" value="Search" class="button" />
</form>
</div><!-- END .archivelink -->

<div class="credit">
<p>Powered by <a href="http://prism-perfect.net/fanupdate" class="ext">FanUpdate 2.2.1</a></p>
</div><!-- END .credit --></p></div><!-- END #fanupdate -->
</div>

<!-- Sidebar -->

<div id="sidebar">


<h2>Navigation</h2>
<a href="http://heartbliss.info/index.php" class="nav">home</a>
<a href="http://heartbliss.info/content.php" class="nav">visitor</a>
<a href="http://heartbliss.info/content/tuts.php" class="nav">tutorials</a>
<a href="http://heartbliss.info/hosting.php" class="nav">hosting</a>
<a href="http://heartbliss.info/reviews/reviews.php" class="nav">reviews</a>
<a href="http://heartbliss.info/portfolio.php" class="nav">portfolio</a>

<a href="http://heartbliss.info/site.php" class="nav">site</a>

<h3>Welcome! ♥</h3>
<p>Welcome to <b>heartbliss.info</b>! This site is the little property of <a href="http://www.heartbliss.info/site/aboutme.php">Priya</a>, the happy owner of HB. This site provides resources like brushes, tutorials, textures and many more resources for you! This cute site is hosted by the wonderful <a href="http://www.bubble.nu">Lillie</a>! Hope you like the site! Enjoy browsing!</p>

<h2>Recently:</h2>
<i>23/7</i> 6 new <a href="http://heartbliss.info/content/colors.php">color palettes</a><br />

<i>23/7</i> Subdomain hosting opened <a href="http://heartbliss.info/hosting.php">>></a><br />
<i>23/7</i> <a href="http://heartbliss.info/site/pastlyts.php">Past Layouts</a> updated<br />
<i>22/7</i> 2 new <a href="http://heartbliss.info/content/tex.php">textures</a><br />
<i>18/7</i> 6 new <a href="http://heartbliss.info/content/textures.php">brush sets</a><br />

<br />

<h3>Ads</h3>
<center><script type="text/javascript"> show_banners(); </script><br />
<a href="http://heartbliss.info/advertise.php">Be here ?</a><br />
<script type="text/javascript" src="http://omc.bubblessoc.net/code.php?id=780"></script></center>

<h2>Affiliates ♥</h2>
<table border="0">
<tr>
<td width="100" align="center">
<a href="http://shockrevolution.org/" target="_blank" class="aff">Allie</a>

<a href="http://ambry.phinkable.org/" target="_blank" class="aff">Ambry</a>
<a href="http://reveuse.net/" target="new" class="aff">Ashley</a>
<a href="http://paper-hearts.co.cc/" target="_blank" class="aff">Britney</a>
<a href="http://lovesnuggles.com/" target="_blank" class="aff">Carissa</a>
<a href="http://mysticalcrush.heartdrops.org/" target="_blank" class="aff">Diamond</a>
<a href="http://heartdrops.org/" target="_blank" class="aff">Georgina</a>
<a href="http://www.crystaldrops.co.uk/" target="new" class="aff">Hannah</a>
<a href="http://miss-knotty.com/" target="new" class="aff">Jamie</a>
</td>

<td width="100" align="center">
<a href="http://askrosdestiny.co.nr/" target="new" class="aff">Kay</a>
<a href="http://www.appaloose.net" target="_blank" class="aff">Kaela</a>
<a href="http://www.chibiholic.net/" target="_blank" class="aff">Kitty</a>
<a href="http://www.thepapermoon.streetrawr.net/" target="_blank" class="aff">Laura</a>
<a href="http://www.my-vanity.org/" target="_blank" class="aff">Maria</a>
<a href="http://www.desired-hope.co.uk/" target="new" class="aff">Megan</a>
<a href="http://www.velvet-charm.net/" target="_blank" class="aff">Vasheal</a>
<a href="http://ishutterbug.info/" target="_blank" class="aff">Tiffany</a>

<a href="http://oh-well.net/" target="_blank" class="aff">Tricia</a>
</td>
</tr>
</table>
<br />
<center>
<a href="http://www.heartbliss.info/site/affies.php">More</a> | <a href="http://www.heartbliss.info/affiliation.php">Apply ?</a>
</center>

<h3>Layout Info</h3>
Name: <u>Sweet Fragrance</u><br />

Version: <u>5</u><br />
Brushes: <a href="http://ego-box.com">E-B</a>, <a href="http://at0mica.net">Atomica</a>, <a href="http://www.outspoken-kate.com">OS</a><br />
Photos: <a href="http://www.flickr.com/photos/appletraffic">Apple Traffic</a><br />
Textures: <a href="http://urbanstrokes.livejournal.com">Urban Strokes</a><br />
Fonts: <i>PR8 Charade</i>, <i>Georgia</i> and <i>Tahoma</i>

<h2>Extra</h2>
<div style="text-align: center">
<i>Reviewed by:</i><br />
<a href="http://heartdrops.org/">Heart Drops</a><br />
<br />
<div style="visibility: hidden;"><div id="eXTReMe"><a href="http://extremetracking.com/open?login=heartbli">
<img src="http://t1.extreme-dm.com/i.gif" style="border: 0;"
height="38" width="41" id="EXim" alt="eXTReMe Tracker" /></a>
<script type="text/javascript"><!--
var EXlogin='heartbli' // Login
var EXvsrv='s11' // VServer
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;EXsrc="src";
navigator.javaEnabled()==1?EXjv="y":EXjv="n";
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img "+EXsrc+"=http://e2.extreme-dm.com",
"/"+EXvsrv+".g?login="+EXlogin+"&",
"jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&",
"l="+escape(EXd.referrer)+" height=1 width=1>");//-->
</script><noscript><div id="neXTReMe"><img height="1" width="1" alt=""
src="http://e2.extreme-dm.com/s11.g?login=heartbli&j=n&jv=n" />
</div></noscript></div></div>
</div>

<!-- Start of StatCounter Code -->

<script type="text/javascript">
var sc_project=4824689;
var sc_invisible=1;
var sc_partition=54;
var sc_click_stat=1;
var sc_security="3ae87e02";
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div
class="statcounter"><a title="hit counter"
class="statcounter" href="http://www.statcounter.com/"><img
class="statcounter"
src="http://c.statcounter.com/4824689/0/3ae87e02/1/"
alt="hit counter" /></a></div></noscript>
<!-- End of StatCounter Code -->

<!-- Container End -->

</div>
</div>
</body>
</html>


Any help would be greatly appreciated! [I can linkback to your site as credit]
 
Mikeplyts
post Aug 8 2009, 01:33 AM
Post #2


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
It could be your margin-top property. Have you tried removing the minus sign to see if anything changes on the pages? You could also just try removing the "margin-" part of the property and leave it as "top:". shrug.gif
 
Mickey
post Aug 8 2009, 05:56 AM
Post #3


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127
Put your sidebar codes before the codes for your content's DIV. That should make it static.
 
sunshine07
post Aug 9 2009, 04:44 AM
Post #4


Sunshine07
**

Group: Member
Posts: 22
Joined: Oct 2008
Member No: 690,489
I placed the sidebar codes before the content, and it worked! :)
Thank you so much Mike and Mikeplyts for your help! :D

This topic can be closed.
 
Mickey
post Aug 9 2009, 08:26 AM
Post #5


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127
Topic closed & moved.
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic