When use searchform, search results force sidebar into posts area

Start by sorting out the validation errors on the search results page.

Thanks. Can you give me anymore information than that? I inherited this theme, and I’ve been fixing all kinds of problems, and I don’t know what those errors you refer to might be. Can you point me in the right direction?

For instance, I see there are some Validation error services, but what URL would I enter for a search results page? Or, how can I expose the errors in the code to correct them?

So, the odd thing is when I use a search term that returns the “Sorry no…” screen, the results look FINE. But when I put in any search terms that yield results, that’s when the Search Results, knock the one-column sidebar column off whack.

Does this have anything to do with the_excerpt?

Unlikely. The issue is likely to be something like a missing </div> in the search.php template file. Try running a search for a common word like “and” then submit the url of the results page to the validator. That might give you some idea of what the problem is and where you might look for it within search.php.

The searchresults seem to be clean of closing errors, but does anything look funny here? It says that the naming is done twice, as in the id=”s” but I looked at other search.php files, and it uses the same convention. Do you see anything here?

\\\\\\\\\\<?php $search_text = “search”; ?>
<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<input type=”text” class=”searchform” value=”search our blog” name=”s” id=”s” class=”searchbox” onblur=”if (this.value == ”) {this.value = ‘search our site’;}” onfocus=”if (this.value == ‘<?php echo $search_text; ?>’) {this.value = ”;}” style=”width: 120px; padding: 0x 10px 0px 0px; background:none; border: none;” />
<input type=”submit” id=”searchsubmit” style=”display:none;” class=”button” value=”Go!” />
</form>\\\\\\\\\\\\\

Here’s also the URL for the search you suggested.

https://ibeamforlife.com/blog/?s=healthy

The other funny thing is when the search results bring up more than one result, the first results is flush left, but the second one is pushed down and more indented, and then the sidebar below that.

is there a search.php in your theme?

if yes, then edit it and look for:
<!-- div--><!-- /post -->
(this is supposed to be the closing div for the post in the search results)

change it to its original working code:
</div><!-- /post -->

Thanks, but the search.php does have the working code as you write it:

<h1>” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></h1>
<?php the_excerpt(); ?> “>Read more…

</ div><!– /post –>

<?php endwhile; ?>

<div class=”content-bot”>

<?php next_posts_link(‘« previous’) ?>
“>home
top
<?php previous_posts_link(‘next »’) ?></p>

I think something is still going on with the width of columns. I put the searchform.php above, but here is the CSS that relates to it. There doesn’t seem to be any #searchform as I’ve seen in others. What is listed below is it for CSS. And then compare that with the formatting commands above in the search.php (see anything? Almost a week I’ve been trying to fix this…):

#navbar { float: left; display: inline; overflow: hidden; width: 860px; height: 34px; margin: 5px 0px; padding: 0px; background: url(images/navbar-bg.jpg) no-repeat top; }
#navbar .topics { float: left; display: inline; overflow: hidden; width: 300px; margin: 0px; padding: 0px 15px 0px 10px; color: #fff; }
#navbar .topics ul { margin: 10px; padding: 2px 0px; list-style: none; }
#navbar .topics li { float: left; padding: 5px; margin: 0px; }
#navbar .topics li a {	color: #fff; text-decoration: none; font-weight:bold; padding: 5px; }
#navbar .topics li a:hover { color: #fff; text-decoration: none; background: #f0aa63; padding: 5px; }
#navbar .search { width: 120px;	float: right; padding: 10px 15px 0px 5px; }

Sorry, and one more piece of information from the CSS, because it shows how the widths are delineated:

#wrapper { float: left; display: inline; width: 860px; padding-bottom: 20px; }
div.float-left { float: left; display: inline; overflow: hidden; }
div.float-right { float: right; display: inline; overflow: hidden; }
div.one-column { width: 210px; background: #FFFFcc; height: 610px; padding: 0px 5px 5px 17px; }
div.two-column { width: 600px; background: #fff; padding: 10px 10px 52px 10px; }
div.three-column { width: 860px; padding: 10px; }
div.widget { margin-bottom: 5px; }
div.footer-column { width: 280px; padding: 10px; margin-right: 0px; }