Jump to content

sidebars and content not fitting together


corbeeresearch

Recommended Posts

Hi,

 

I'm trying to theme dynamically, but I can't seem to get to fit the sidebars and content to be aligned with each other. What am I doing wrong? here is my code.

 

css

#content-wrapper{
width: 922;
background-color: #FFFFFF;
}

/*
	Content
*/
#content { 
/*float: left;
color: #333;
font-size: 14px;
background: #FFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: auto;
width: auto;
*/
display:inline;
float:left;
position:relative;
text-align:left;
}

/*
	sidebar
*/
#leftcolumn{ 
/*
color: #333;
margin: 0px 0px 0px 0px;
padding: 10px;
height: auto;
width: 150px;
font-size:11px;
*/
float: left;
border-right: 1px solid #000;
background: #FFF;
display:inline;
position:relative;
}
#rightcolumn {
/* color: #333;
margin: 0px 0px 0px 0px;
padding: 10px;
height: auto;
width: 150px;
font-size:11px;
*/
float: left;
border-left: 1px solid #000;
background: #FFF;
display:inline;
position:relative; 
}

 

html

<div id="content-wrapper">
	<?php if ($page['sidebar_first']): ?>
	 <div id="leftcolumn"><div class="section">	 
               <?php print render($page['sidebar_first']); ?>		 
	 </div></div>
         <?php endif; ?>

	 <div id="content" class="column"><div class="section">
         	<?php if ($breadcrumb): ?>
      			<div id="breadcrumb"><?php print $breadcrumb; ?></div>
	    <?php endif; ?>

  		  <?php print render($title_prefix); ?>
          
	  <?php if ($title): ?>
            <h1 class="title" id="page-title">
              <?php print $title; ?>
            </h1>
          <?php endif; ?>
          
	  <?php print render($title_suffix); ?>
          
	  <?php if ($tabs): ?>
            <div class="tabs">
              <?php print render($tabs); ?>
            </div>
          <?php endif; ?>
          		  
          <?php if ($action_links): ?>
            <ul class="action-links">
              <?php print render($action_links); ?>
            </ul>
          <?php endif; ?>
          <?php print render($page['content']); ?>
          <?php print $feed_icons; ?>
            
         </div></div>

	 <?php if ($page['sidebar_second']): ?>
	 <div id="rightcolumn"><div class="section">
	 	?php print render($page['sidebar_second']); ?>
   	     </div></div>
         <?php endif; ?>
         <span> </span><br/>
	 </div>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.