Sidebar Positioning

  • Resolved xmenfans

    (@xmenfans)


    14 years, 11 months ago

    Hello,
    I’ve just added another sidebar to this template but I’m obviously missing something to get the page to look right. You can view what I’m working on at the link below. I know the sidebars are a copy of each other but it’s just for reference and I’m just trying to get positioning correct before I change anything else. I’m trying to get that top sidebar over to the left side of the content located in the middle without getting extra space between the header and the three columns below it.

    This page.

    In index.php:

    get_header(); ?>
<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
	<div id="content" class="narrowcolumn">

    In functions.php

    if ( function_exists('register_sidebars') )
    register_sidebars((2),array(

    In style.css:

    #sidebar2
{
	padding: 0px 0 0px 0;
	margin-right: 800px;
	width: 190px;
	}

#sidebar2 form {
	margin: 0;
	}

    Can anyone possibly tell me what I’m missing? I’ve been looking at this for about 2 hours now.

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter xmenfans

    (@xmenfans)

    14 years, 11 months ago

    NVM.

    11worth

    (@11worth)

    14 years, 11 months ago

    Okay, try this:

    #sidebar2
{
	padding: 0px 0 0px 0;
	<strong>float: left; /* to position sidebar2 on the left */<strong>
	width: 190px;
	}

#sidebar
{
	padding: 0px 0 0px 0;
	<strong>float: right; /* to position sidebar on the right */</strong>
	width: 190px;
	}

.narrowcolumn {
        /*float: left;  remove this */
        padding: 0px 5px 0px 5px;
        <strong>margin-left: 192px; /* to make room for sidebar2 */</strong>        margin-top: 10px;
        margin-bottom: 10px;
        width: 512px;
        background-image: url(images/postbg.png);
        background-repeat: repeat-y repeat-x;
}

    This is the gist of it, but you’ll need to adjust some margins/padding, and maybe the .narrowcolumn width to make it final.

    Remember, back up the contents of your stylesheet if you make changes, in the event you need to go back if things don’t work out.

    Good luck!

    11worth

    (@11worth)

    14 years, 11 months ago

    Ah, late at night…you can take out the tags, it was supposed to make the changes “bold”, but didn’t work inside ‘code’ ticks.

    Thread Starter xmenfans

    (@xmenfans)

    14 years, 11 months ago

    Thanks so much 11worth! You are wonderful!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar Positioning’ is closed to new replies.