Grow your CSS skills. Land your dream job.

Main-Content v.s. Sidebar Spacing Issues

  • # January 22, 2012 at 2:07 pm

    Hey, I had posted about this a while back.
    I’ve been working on this site for a bit – http://www.onedollaronebrick.org

    - My client has requested that I make a separate template for the first page so the main content area and the sidebar are not as tall/long.

    I achieved that with the main content area, but had tried pasting in the code I had in the sidebar.php file, in place of get_sidebar(), and it makes 2 duplicate sidebars instead of 1 static sidebar.

    I want to set a custom div for the sidebar in the index, so that it becomes shorter.

    I have already enabled a JS script that makes both the main-content and the sidebar’s heights equal to eachother, so that’s not the issue, the dynamic PHP stuff is.

    It has been suggested that the < ?php get_sidebar(); ?> function is being called twice. I just can’t figure out *where* it’s being called twice.

    Your help would be greatly appreciated!

    Thanks!
    Adam

    # January 22, 2012 at 2:09 pm

    The index page:

    < ?php
    /*
    Template Name: One Dollar, One Brick: Home
    */

    get_header(); ?>


    All It Takes Is One Dollar.


    < ?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

    < ?php if ( is_front_page() ) { ?>
    < ?php } else { ?>
    < ?php } ?>

    < ?php the_content(); ?>
    < ?php wp_link_pages( array( 'before' => '' . __( 'Pages:', 'twentyten' ), 'after' => '' ) ); ?>
    < ?php edit_post_link( __( 'Edit', 'twentyten' ), '', '' ); ?>


    < ?php endwhile; ?>





    Help Us Help The

    People of Nuqui





    < ?php
    $args = array( 'numberposts' => 10, 'order'=> 'ASC', 'orderby' => 'title' );
    $postslist = get_posts( $args );
    foreach ($postslist as $post) : setup_postdata($post); ?>

    < ?php the_date(); ?>


    < ?php the_title(); ?>


    < ?php the_excerpt(); ?>

    < ?php endforeach; ?>





    < ?php
    // A second sidebar for widgets, just because.
    if ( is_active_sidebar( 'secondary-widget-area' ) ) : ?>



    < ?php endif; ?>

    < ?php get_footer(); ?>
    # January 22, 2012 at 2:10 pm

    The sidebar page:




    # January 22, 2012 at 2:50 pm

    From what I can see, on all pages the main content and the sidebar get the same height by assigning them a fixed height — I assume that’s the Javascript you mentioned.

    On the main page, both the main content and the sidebar also get a fixed height, but too much height for the sidebar (1098 pixels, the main content is 858 pixels), so I’m wondering if your Javascript is doing it’s proper job there.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".