Sidebar problem

Anyone?

Try:

#l_sidebar {
	float: left;
}

#r_sidebar {
	float: left;
}

#contentleft {
	float: right;
}

That brings both sidebars to the left, but I wat one on the left and one on the right, with the ‘contentleft’ in the middle.

Then… I think it’s not just a matter of CSS… since the columns should load in order…

You could separate the sidebar.php in two: sidebar-left.php and sidebar-right.php and then change your index.php file to load the left sidebar, then the main content and then the right sidebar… something like:

<?php get_sidebar("left"); ?>

<div id="content">
...
</div>

<?php get_sidebar("right); ?>

Then the CSS part should be much easier.

there are already 2 sidebars, this is how the index.php looks like:

<?php get_header(); ?>

<div id=”content”>

<div id=”contentleft”>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1>” rel=”bookmark”><?php the_title(); ?></h1>
<p>Geschreven op <?php the_time(‘j F Y’); ?>
Geplaatst in de rubriek <?php the_category(‘, ‘) ?> | <?php comments_popup_link(‘Reageer!’, ‘1 Reactie’, ‘% Reacties’); ?></p>
<?php the_content(__(‘Klik om verder te lezen’));?><div style=”clear:both;”></div>

<!–
<?php trackback_rdf(); ?>
–>

<?php endwhile; else: ?>

<p><?php _e(‘Sorry, geen berichten die overeen komen met uw criteria.’); ?></p><?php endif; ?>

<h3>Reacties</h3>
<?php comments_template(); // Get wp-comments.php template ?>

</div>

<?php include(TEMPLATEPATH.”/l_sidebar.php”);?>

<?php include(TEMPLATEPATH.”/r_sidebar.php”);?>

</div>

<!– The main column ends –>

<?php get_footer(); ?>

The you just have to move <?php include(TEMPLATEPATH."/l_sidebar.php");?> up… like this:

<?php get_header(); ?>

<div id="content">

<?php include(TEMPLATEPATH."/l_sidebar.php");?>

<div id="contentleft">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1>" rel="bookmark"><?php the_title(); ?></h1>
<p>Geschreven op <?php the_time('j F Y'); ?>
Geplaatst in de rubriek <?php the_category(', ') ?> | <?php comments_popup_link('Reageer!', '1 Reactie', '% Reacties'); ?></p>
<?php the_content(__('Klik om verder te lezen'));?><div style="clear:both;"></div>

<!--
<?php trackback_rdf(); ?>
-->

<?php endwhile; else: ?>

<p><?php _e('Sorry, geen berichten die overeen komen met uw criteria.'); ?></p><?php endif; ?>

<h3>Reacties</h3>
<?php comments_template(); // Get wp-comments.php template ?>

</div>

<?php include(TEMPLATEPATH."/r_sidebar.php");?>

</div>

<!-- The main column ends -->

<?php get_footer(); ?>

Edit: WP_Guy beat me by two minutes ??

Ronald,

Backup your theme directory and edit these files:

404.php
archive.php
home.php
index.php
page.php
search.php

Around line 25’ish you’ll see this

<?php include(TEMPLATEPATH."/l_sidebar.php");?>

Delete that line and insert a copy of it underneath line 3 so it now looks like this:

<div id="content">

<?php include(TEMPLATEPATH."/l_sidebar.php");?>

Wash, rinse, repeat.

Let us know if that worked for you.

It did work, thanks! A lot!

But…just one small problem left.
The site looks good in both IE and Firefox, but when you click on a category, it looks good in IE, but in Firefox the content starts just a little lower than it should.

See: https://www.tennispraat.nl (to see the category, just click on any text under ‘rubrieken’ in the left sidebar.

Ronald,

Check your archive.php… it looks like it’s inserting a br after the contentleft div.

<div id="contentleft">
     <br />

It doesn’t, see the code:

<?php get_header(); ?>

<div id=”content”>

<?php include(TEMPLATEPATH.”/l_sidebar.php”);?>

<div id=”contentleft”>
<?php echo category_description(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1>” rel=”bookmark”><?php the_title(); ?></h1>
<p>Geschreven op <?php the_time(‘j F Y’); ?>, <?php the_time(‘G.i’); ?> uur.
Geplaatst in de rubriek <?php the_category(‘, ‘) ?> | <?php comments_popup_link(‘Geef een reactie’, ‘1 Reactie’, ‘% Reacties’); ?></p>
<?php the_content(__(‘Klik om verder te lezen’));?><div style=”clear:both;”></div>

<!–
<?php trackback_rdf(); ?>
–>

<?php endwhile; else: ?>

<p><?php _e(‘Sorry, geen berichten komen overeen met uw criteria.’); ?></p><?php endif; ?>
<?php posts_nav_link(‘ — ‘, __(‘« ga terug’), __(‘zoek verder »’)); ?>

</div>

<?php include(TEMPLATEPATH.”/r_sidebar.php”);?>

</div>

<!– The main column ends –>

<?php get_footer(); ?>

Just as an experiment (I did mention backup your files right? ?? ) try commenting out the line that reads

<?php echo category_description(); ?>

By changing it to

<?php // echo category_description(); ?>

I think that that might be adding the blank line. I don’t know why it would be different now that the column is moved but give that a try and see if it eliminates the space.

It worked!
Thanks.

as you are so helpful, I’d like to give you another problem.
Is there a way to have the right sidebar NOT show up, but only when the page ‘forum’ is clicked?
see: https://www.tennispraat.nl

So I want it as it is right now for whatever they do on the site, but only when someone goes to the forum I want the right sidebar gone and more space for the forum.

You can use the is_page() conditional tag… like this (in page.php):

<?php if( !is_page('forum') ) : ?>
<?php get_sidebar(); ?>
<?php endif; ?>

Or you can use a custom page template where the <?php get_sidebar(); ?> doesn’t appear

Ok, where exactly do I have to put the code? Here is the code from page.php as it is right now:

<?php get_header(); ?>

<div id=”content”>

<?php include(TEMPLATEPATH.”/l_sidebar.php”);?>

<div id=”contentleft”>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1>” rel=”bookmark”><?php the_title(); ?></h1>
<?php the_content(__(‘Klik om verder te lezen’));?><div style=”clear:both;”></div>

<!–
<?php trackback_rdf(); ?>
–>

<?php endwhile; else: ?>

<p><?php _e(‘Sorry, geen berichten die overeen komen met uw criteria.’); ?></p><?php endif; ?>
<?php posts_nav_link(‘ — ‘, __(‘« ga terug’), __(‘zoek verder »’)); ?>

</div>

<?php include(TEMPLATEPATH.”/r_sidebar.php”);?>

</div>

<!– The main column ends –>

<?php get_footer(); ?>