Word Press sidebar problem

Discussion in 'WordPress' started by igordr, Aug 31, 2009.

  1. #1
    Hi everyone !

    I am making new word press theme, and i have problem with sidebar...
    I wont, to whole sidebar, be same size like posts... Not one bigger then other...

    Here you have my css of sidebar:


    .sidebar
    {
    	float:right;
    	width:248px;
    	background-image:url(images/sidebarbg2.png);
    	border-left:1px solid #ccc;
    	border-right:1px solid #ccc;
    	background-repeat:repeat-y;
    	height:100%;
    }
    
    Code (markup):
    Here is my sidebar.php file:

    <div class="sidebar">
    
    <ul>
    
    			<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
    
    		<li id="search">
            
            	<?php include('searchform.php');?>
            
            </li>
            
            <li id="calendar">
            
            <div id="titlebar"><div id="prewimg"><img src="images/calendarsmall.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Calendar');?></h2></div></div>
            <div id="calendartext"><?php get_calendar();?></div>
            
            </li>
    
    	<?php wp_list_pages('depth=3&title_li=<div id="titlebar"><div id="prewimg"><img src="images/pagesprewicon.png" width="30" height="40" /></div><div class="headingtitle"><h2>Pages</h2></div></div>');?>
    
    <li>
    
    		<div id="titlebar"><div id="prewimg"><img src="images/arowicon.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Categories');?></h2></div></div>
    
    	<ul>
        	<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0');?>
        
        </ul>
    
    
    </li>
    
    	<li>
        
        <div id="titlebar"><div id="prewimg"><img src="images/archive.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Archives'); ?></h2></div></div>
        	<ul>
            	<?php wp_get_archives('type=monthly');?>
             </ul>
        
        
        </li>
       
        
        	<li>
            	<div id="titlebar"><div id="prewimg"><img src="images/arowicon.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Meta');?></h2></div></div>
            <ul>
            	<?php wp_register();?>
                <li><?php wp_loginout();?></li>
                <?php wp_meta();?>
            </ul>
            </li>   
            
            
        <?php endif;?>    
    
    </ul>
    
    </div>
    Code (markup):
    I hope, you will help me,

    All the best !
     
    igordr, Aug 31, 2009 IP
  2. myp

    myp Well-Known Member

    Messages:
    1,281
    Likes Received:
    71
    Best Answers:
    0
    Trophy Points:
    140
    #2
    To make the sidebar as tall as the posts you need to have a background image that you repeat for 100% of the height
     
    myp, Sep 1, 2009 IP
  3. igordr

    igordr Greenhorn

    Messages:
    62
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #3
    igordr, Sep 1, 2009 IP
  4. myp

    myp Well-Known Member

    Messages:
    1,281
    Likes Received:
    71
    Best Answers:
    0
    Trophy Points:
    140
    #4
    myp, Sep 1, 2009 IP