ThemeShaper Forums » Thematic

Side bar is at the bottom of my first page

(10 posts)
  • Started 5 years ago by lisa
  • Latest reply from lisa
  • This topic is resolved
  1. I am really sorry if this is already mentioned in the forum - it is late now and my peepers are starting to blur.

    here is my site http://www.bujinkan-online.com
    As you will see all the sidebar is at the bottom of the page, but when you click to view the article, the side bar is in the correct place. Why?

    Also, can I make it 3 column wide (preferably with a sidebar either side?

    As I said, I am sorry if these questions have already been answered on this forum, if you point me in the right direction I will read through the old posts, rather than someone having to retype the answer, for this tired, middle aged mum who should be going to bed.

    Posted 5 years ago #
  2. Something funny is going on. A div with the id of "body" keeps popping up all over your home page. Did you edit index.php?

    Posted 5 years ago #
  3. Hi Ian, thanks for responding. The answer is NO, I haven't edited anything.

    It looks fine when you actually click on an article - it is just the front page that is the problem.

    Also I really wanted the 3 column version - can I do this?
    But I should really try and get the home page sorted first - that must be the main priority at the moment.

    Any suggestions? I am going to check what the original index.php as like that I downloaded via the wordpress site. See if there are any differences.

    Lisa

    Posted 5 years ago #
  4. This is a copy of the original downloaded index.php

    <?php
    global $options;
    foreach ($options as $value) {
    if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; }
    else { $$value['id'] = get_settings( $value['id'] ); }
    }
    ?>
    <?php get_header() ?>

    <div id="container">
    <div id="content">

    <div id="nav-above" class="navigation">
    <?php if(function_exists('wp_pagenavi')) { ?>
    <?php wp_pagenavi(); ?>
    <?php } else { ?>
    <div class="nav-previous"><?php next_posts_link(__('<span class="meta-nav">«</span> Older posts', 'thematic')) ?></div>
    <div class="nav-next"><?php previous_posts_link(__('Newer posts <span class="meta-nav">»</span>', 'thematic')) ?></div>
    <?php } ?>
    </div>

    <?php get_sidebar('index-top') ?>

    <?php /* Count the number of posts so we can insert a widgetized area */ $count = 1 ?>
    <?php while ( have_posts() ) : the_post() ?>

    <div id="post-<?php the_ID() ?>" class="<?php thematic_post_class() ?>">
    <?php thematic_postheader(); ?>
    <div class="entry-content">
    <?php the_content(''.__('Read More <span class="meta-nav">»</span>', 'thematic').''); ?>

    <?php wp_link_pages('before=<div class="page-link">' .__('Pages:', 'thematic') . '&after=</div>') ?>
    </div>
    <?php thematic_postfooter(); ?>
    </div><!-- .post -->

    <?php comments_template() ?>

    <?php if ($count==$thm_insert_position) { ?><?php get_sidebar('index-insert') ?><?php } ?>
    <?php $count = $count + 1; ?>
    <?php endwhile ?>

    <?php get_sidebar('index-bottom') ?>

    <div id="nav-below" class="navigation">
    <?php if(function_exists('wp_pagenavi')) { ?>
    <?php wp_pagenavi(); ?>
    <?php } else { ?>
    <div class="nav-previous"><?php next_posts_link(__('<span class="meta-nav">«</span> Older posts', 'thematic')) ?></div>
    <div class="nav-next"><?php previous_posts_link(__('Newer posts <span class="meta-nav">»</span>', 'thematic')) ?></div>
    <?php } ?>
    </div>

    </div><!-- #content -->
    </div><!-- #container -->

    <?php get_sidebar() ?>
    <?php get_footer() ?>

    It looks exactly the same as the one on my server's cpanel.

    I have just pulled up my home page and looked at the source code. I would have thought the div body should be there because the home page is actually showing many articles and the div. body tag would be used for each article - or am I totally wrong there.

    Posted 5 years ago #
  5. I haven't gone through all the code, but I know what it *looks* like -- this is what you get when you have a float-left div (main content) and a float-right div (sidebar) inside one wrapper div, and the width of float-left+width of float-right is wider than the width of the wrapper. The sidebar-div has dropped below the main div because there isn't room for both of them side-by-side -- and in fact you can see that the width of the wrapper must be about the width of the main content, because the right edge of main and the right edge of the sidebar are approximately lined up.

    Posted 5 years ago #
  6. I've shown how to make a 3 column version of Thematic in What’s new in Thematic 0.7.

    Posted 5 years ago #
  7. Thanks for the info, but how do I change the float-left div (main content) and a float-right div (sidebar) inside one wrapper div, and the width of float-left+width of float-right is wider than the width of the wrapper.

    Either my peepers are not working or my brain is in trouble - I can't see them!

    Lisa

    Posted 5 years ago #
  8. div. body tag would be used for each article - or am I totally wrong there.

    Wrong two ways. "BODY" is a reserved name, used for the body of the HTML page -- you should never use it as a class/id name. In the second place, your code shows id="body", which means it should be #body not .body. If a selector is going to be used more than once per page, it has to be a class (.selector), not an id (#selector).

    Something that you're doing in <?php the_content is adding these <div id="body"> tags, and you need to get rid of it. Personally I would do a search through the code looking for id="body" to track it down.

    Once you've done that, you shouldn't have to adjust the division widths.

    To switch to a 3-column layout, go to style.css and change:
    /* Apply a basic layout */
    @import url('library/layouts/2c-r-fixed.css');

    to use one of the other layouts in the library. For instance,
    @import url('library/layouts/3c-fixed.css');
    will give you three columns, with one sidebar on either side of your main content.

    Posted 5 years ago #
  9. I'm going to guess that it's a plugin messing up the page or something you've added in a text widget. But I'm not sure what it is.

    Posted 5 years ago #
  10. Got it.

    I do not enter my articles using the HTML function, but when I checked the articles already posted in the HTML function for some reason, all of them started with the <div id="body">.

    Once I removed these from all posts - it worked fine.

    I had better get back to activating my plug ins again. One by one and checking after each - just in case.

    Thanks for your help everyone.

    Lisa

    You learn something everyday!!

    Posted 5 years ago #

RSS feed for this topic

Reply

You must log in to post.