header image dimensions are affecting search dialog box?

[irish_1985]

hi all. i'm using zencart v150. my store has a search box on the home page.. after i updated my header (which is different dimensions than the previous version) the search box shifts up about 30 pixels and over to the left about 50 pixels. see link below, the search box is off to the left of the page, partly hiding behind the animated coral slider:

http://www.cultivatedr e e f.com (spaces in URL so search engines don't index this post)

i'm trying to pick up the pieces from the previous person who built this store, and so far it's been pretty problematic.. not sure why this search box would be controlled by the dimensions of the header? i can upload the previous header (328 x 66) if it will help diagnose, since the search box appears perfectly with the older header in place.. the current header is 556 x 91. below is my tpl_header.php code which is apparently what's controlling everything here. thanks in advance!

<?php

/**

 * Common Template - tpl_header.php

 *

 * this file can be copied to /templates/your_template_dir/pagename<br />

 * example: to override the privacy page<br />

 * make a directory /templates/my_template/privacy<br />

 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />

 * to override the global settings and turn off the footer un-comment the following line:<br />

 * <br />

 * $flag_disable_header = true;<br />

 *

 * @package templateSystem

 * @copyright Copyright 2003-2006 Zen Cart Development Team

 * @copyright Portions Copyright 2003 osCommerce

 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $

 */

?>



<?php

  // Display all header alerts via messageStack:

  if ($messageStack->size('header') > 0) {

    echo $messageStack->output('header');

  }

  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {

  echo htmlspecialchars(urldecode($_GET['error_message']));

  }

  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {

   echo htmlspecialchars($_GET['info_message']);

} else {



}

?>





<!--bof-header logo and navigation display-->

<?php

if (!isset($flag_disable_header) || !$flag_disable_header) {

?>



<div id="headerWrapper">

<div id="logoWrapper">

    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>

	</div></div>

<div id="navMainWrapper">

<div id="navMain">

    <ul class="back">

<!--    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li> -->

<?php if ($_SESSION['customer_id']) { ?>

    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>

    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>

<?php

      } else {

        if (STORE_STATUS == '0') {

?>

    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>

<?php } } ?>



<?php if ($_SESSION['cart']->count_contents() != 0) { ?>

    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

<?php }?>

</ul>



	

<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div></div>

<br class="clearBoth" />

</div>

<!--bof-navigation display-->





<!--eof-navigation display-->



<!--bof-branding display-->

<script type="text/javascript">

$(window).load(function() {

	$('#slider').nivoSlider({

        effect:'random', //Specify sets like: 'fold,fade,sliceDown'

        slices:8,

        animSpeed:1400, //Slide transition speed

        pauseTime:5000,

        startSlide:0, //Set starting Slide (0 index)

        directionNav:true, //Next & Prev

        directionNavHide:true, //Only show on hover

        controlNav:true, //.,.,

        controlNavThumbs:false, //Use thumbnails for Control Nav

        controlNavThumbsFromRel:false, //Use image rel for thumbs

        controlNavThumbsSearch: '.jpg', //Replace this with...

        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src

        keyboardNav:true, //Use left & right arrows

        pauseOnHover:true, //Stop animation while hovering

        manualAdvance:false, //Force manual transitions

        captionOpacity:0.6, //Universal caption opacity

        beforeChange: function(){},

        afterChange: function(){},

        slideshowEnd: function(){} //Triggers after all slides have been shown

    });

         

})

</script>





	<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?><div class="clearBoth"></div>

	

<!--eof-branding display-->



<!--eof-header logo and navigation display-->



<!--bof-optional categories tabs navigation display-->

<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>

<!--eof-optional categories tabs navigation display-->



<!--bof-header ezpage links-->

<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>

<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>

<?php } ?>

<!--eof-header ezpage links-->

</div>

<?php } ?>

[keneso]

Find this, and change the red to the green

#indexHomeBody #navMainSearch {
background: none repeat scroll 0 0 transparent;
display: inline;
float: left;
left: -640px;
padding: 0.62em;
position: relative;
top: 458px;
}

#indexHomeBody #navMainSearch {
background: none repeat scroll 0 0 transparent;
display: inline;
float: left;
left: -560px;
padding: 0.62em;
position: relative;
top: 481px;
}

[irish_1985]

perfect, thanks so much. i kept moving it via the tpl_header.php file instead of the stylesheet.css.. wasn't getting me very far