Can anyone help with the sidebar on my new blog? The problem is in IE 7 in the single view it is pushed below the main content but I can't figure out how to get it to line up. On the homepage it's where it should be hung out to the right but in single view it just drops below the content and I'm out of ideas now to get it to line up.
I initially thought it was a problem with floats but I figured out what the problem was . Your sidebar was not in your
Content DIV.
You need a container ( in your case your div called content ) and the only thing inside there was the main col. The sidebar was actually not in your content div it was sitting below it floated to the right.
Here is the code , you need to cut the sidebar code and paste it between the closing divs .
If you have any trouble with it let me know.
Andrew
<div class=\"content\">
<div class=\"main-col\">
<div class=\"posts\" id=\"post-39\"> <h2> The Life of A Modern Day Student </h2>
<div class=\"postdate\"> <p>
Posted by: Graeme on Mon January 12th, 2009
</p>
</div>
<p>With it being my first day back at University, this little video shows that it’s not all drinking and partying!</p> <p><object width=\"425\" height=\"344\" data=\"http://www.youtube.com/v/dGCJ46vyR9o&hl=en&fs=1\" type=\"application/x-shockwave-flash\"><param name=\"allowFullScreen\" value=\"true\" /><param name=\"allowscriptaccess\" value=\"always\" /><param name=\"src\" value=\"http://www.youtube.com/v/dGCJ46vyR9o&hl=en&fs=1\" /><param name=\"allowfullscreen\" value=\"true\" /></object></p>
on Monday, January 12th, 2009 at 10:03 pm and is filed under <a href=\"http://graemepirie.com/category/university/\" title=\"View all posts in University\" rel=\"category tag\">University</a>. You can follow any responses to this entry through the <a href='http://graemepirie.com/the-life-of-a-modern-day-student/feed/'>RSS 2.0</a> feed.
You can <a href=\"#respond\">leave a response</a>, or <a href=\"http://graemepirie.com/the-life-of-a-modern-day-student/trackback/\" rel=\"trackback\">trackback</a> from your own site. -->
</p>
</div>
<!-- You can start editing here. -->
<!-- If comments are open, but there are no comments. -->
<div class=\"tags\"> <strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code> </div>
</div>
</div> </form>
</div>
******delete these asterisks and paste your sidebar here make sure it is inside these two closing divs*******************
</div>
cut out all the text between the two lines of asterisks below *****************************************************************************************************************************
<div id=\"sidebar\">
<div id=\"sidebar-content\">
<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it. <li><h2>Author</h2> <p>A little something about you, the author. Nothing lengthy, just an overview.</p> </li> -->
<div id =\"feed\">
<a href=\"http://feeds2.feedburner.com/GraemePirie\">Grab the RSS Feed!</a>
</div>
<div id=\"twitter\">
<h2>Twitter</h2>
<div id=\"twitter_div\"> <ul id=\"twitter_update_list\"></ul> <br /> Follow me on <a href=\"http://twitter.com/gpirie\">Twitter</a> </div> <p> <script type=\"text/javascript\" src=\"http://twitter.com/javascripts/blogger.js\"></script> </p>
Site here: http://graemepirie.com
I initially thought it was a problem with floats but I figured out what the problem was . Your sidebar was not in your
Content DIV.
You need a container ( in your case your div called content ) and the only thing inside there was the main col. The sidebar was actually not in your content div it was sitting below it floated to the right.
Here is the code , you need to cut the sidebar code and paste it between the closing divs .
If you have any trouble with it let me know.
Andrew
Can't believe I missed that, I was looking at the floats and widths etc instead of that.
Thanks again!