equix sidebar issues
-
I installed v1.1 of Equix (which is a GREAT theme!!) which corrected most of my issues in IE. However, I still have a problem with the sidebar getting shifted below the main content in my gallery pages in both FF and IE. I’m using simplephp gallery for the gallery. my site is here:
http://www.designbox.us/blog/wordpress/wp-gal/
The equix support forum is a bit quiet, I think because it is new, possibly. Figured I’d try my luck here.
-
Warning: lengthy code snippets ahead! Before I get to the previous positioning issue, I wanted to mention that links do not get automatically included in the sidebar like in the kubrick theme. He includes a link template, but I dont want links to be on a completely separtate page. My solution was to cut & paste the link code from Kubrick and it worked fine.
One other issue – the sidebar gets shortened on all but the index page. How can I correct that?
On to the sidebar bumping issue: it still occurs on the gallery page only. I’m wondering if I need to edit my gallery template, the same way he provided page/author templates. the current gallery template I have looks like this, it redirects to the sp-index that came with simple php gallery:
<?php
/*
Template Name: Gallery
*/
get_header();
?>
<meta http-equiv="REFRESH" content="0;url=http://www.designbox.us/blog/wordpress/wp-gal/sp_index.php">The sp_index.php looks like this:
<?php
/* Don't remove this line. */
require('../wp-blog-header.php');
?><?php get_header(); ?>
<div id="content" class="wcol">
<!--<div class="navigation">
<div class="alignleft"><?php posts_nav_link('','','« Previous Entries') ?></div>
<div class="alignright"><?php posts_nav_link('','Next Entries »','') ?></div>
</div>--><div id="spg">
<?php
/*
Simple PHP Gallery by Paul Griffin.This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike License.
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/1.0/
or send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.What this means:
You are free:
* to copy, distribute, display, and perform the work
* to make derivative worksUnder the following conditions:
* Attribution. You must give the original author credit.
* Noncommercial. You may not use this work for commercial purposes.
* Share Alike. If you alter, transform, or build upon this work, you may distribute the
resulting work only under a license identical to this one.* For any reuse or distribution, you must make clear to others the license terms of this work.
* Any of these conditions can be waived if you get permission from the author.
*/
require('sp_helper_functions.php');
require('sp_def_vars.php');?>
<h2><?php getPageTitle(); ?></h2>
<p id="breadcrumb"><?php getBreadCrumbs();?>
<?php
//IF A FILE WAS REQUESTED FOR VIEWING, OUTPUT IT
if($display_file != '')
{
?>
<div align="center"><div id="prevnext"><?php getPrevAndNext();?></div></div>
<div style="clear:both;"></div>
<div id="image"><?php getFile(); ?></div>
<?php
if(descriptionExists())
{
?>
<p id="desc"><?php getDescription();?><?php
}
}//OTHERWISE, A DIRECTORY LISTING REQUEST WAS MADE. DISPLAY THE THUMBNAIL LINKS.
else
{
//IF THIS DIRECTORY HAS A DESCRIPTION, OUTPUT IT
if(getDirDescription() != '')
{
?>
<div id="dirdesc">
<?php echo getDirDescription(); ?></div>
<?php
}
//IF THERE ARE SUB-DIRECTORIES, LIST THEM.
if(subDirExist())
{
?>
<div id="directories"> <?php getDirLinks(); ?></div>
<?php
}
?>
<div id="gallery">
<?php
//OUTPUT THUMBNAIL LINKS TO ALL IMAGES IN THIS DIRECTORY
//getThumbnails();
foreach(getImgLinks() as $link)
{
echo $link;
}
?>
</div>
<?php
}
?>
</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>The about/author template looks like this:
<?php
/*
Template Name: Author/About
*/
?>
<?php get_header(); ?>
<div class="ncol"><!-- Begin of the narrow column -->
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post"><!-- Post Div-->
<h2 id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
</h2>
<div class="entry">
<?php the_content(__('<strong>(more...)</strong>')); ?>
<?php link_pages('<p class="postmetadata"><strong>Pages:</strong>', '
', 'number'); ?>
</div>
</div><!-- End of post div-->
<?php endwhile; endif; ?>
<?php edit_post_link('Edit this page!', '', '
'); ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>Even without looking at the code I can tell either the content area or the sidebar is too wide – so they do not fit together. That’s a common mistake people make.
Looking at the code: you have this –
<div id="content" class="wcol">
where W -bviously means “wide” + you call the sidebar. The sidebar is supposed to work only with thencol
= narrow column.Hmm. I changed the code from wcol to ncol, but it not only displaces the sidebar, now it makes the window wider as well:
I am having a similar problem, but it is only in IE. I checked the width of all images and columns, but there is nothing that I can see would cause this. An other ideas?
Allen Bohart
http://www.philatelictidbits.com – This is the site with the problem.Looks like a dead end on this one. I hate to go back to the default, but doesn’t look like I have a choice at the moment.
- The topic ‘equix sidebar issues’ is closed to new replies.