Space in header and unaligned sideboxes

**mimi78** · 9 Jun 2009, 01:05 AM

Hey guys I'm

my head!!! For some reason there is a space between my header and navMainWrapper... I have searched and checked over and over and can't find the problem.

Also I am really having problems aligning my side boxes, when i fix one thing the other one gets out of place!!

Also on IE and chrome my site looks bad bad!!!
What's going on?

http://onwrapcreations.com/shop/

Code:

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-top: 1px;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 9pt;
	color: #000000;
	background-color: transparent;
	}

.leftBoxHeading {
	background-color: transparent;
	background-image: url(../images/leftboxheading.jpg);
	width: 150px;
	height: 40px;
	background-repeat: no-repeat;
	}


 .centerBoxHeading {
	background-color: transparent;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	background-image: url(../images/divider.jpg);
	height: 30px;
	background-repeat: no-repeat;
	}

.leftBoxContainer {
	margin-top: 1.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 10px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d08484;
	border-right-color: #d08484;
	border-bottom-color: #d08484;
	border-left-color: #d08484;
	}

.sideBoxContent {
	background-color: transparent;
	padding: 0.4em;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 9pt;
	color: #000000;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: transparent;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0.5em;
	background-image: url(../images/rightboxheading.jpg);
	height: 40px;
	width: 150px;
	}

h3.leftBoxHeading a:hover {
	color: #FFFFFF;
	text-decoration: none;
	} 

h3.rightBoxHeading a:hover {
	color: #009900;
	text-decoration: none;
	}

.rightBoxContainer {
	margin-bottom: 1em;
	margin-top: 1.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 10px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d08484;
	border-right-color: #d08484;
	border-bottom-color: #d08484;
	border-left-color: #d08484;
	}

Please take a look :)

**limelites** · 9 Jun 2009, 01:19 AM

You have this somewhere in your files:

 

which is causing the gap.

Use the developers toolkit and search all instances of in all catalog files... there shouldn't be many but there's one in there for sure and that's what's causing the gap....

It's probably in your tpl_header.php file

**kobra** · 9 Jun 2009, 07:33 AM

In many entries you are calling out "background-repeat: no-repeat;" where you have no image attached???? Probably not the major cause but is inconsistant with standard css...

This among other things is causing your mis alignment...
Replacing your stylesheet code with a fresh sheet in an interactive mode with the FF & web developers extentions - - alignment squares away - So there is something in yours that is amis

**mimi78** · 9 Jun 2009, 12:42 PM

Thank you guys I'll take a look and see what's going on.

**mimi78** · 10 Jun 2009, 01:43 PM

ok the </div>
 in on the tpl_header.php but when I delete it the home and log in navigation bar moves to the top of the page.

Maybe I did something wrong when I edited this php.

How can I remove this space and keep the home navigation under the header and not on top?

Code:

<?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">


<!--bof-branding display-->
<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>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->
<!--bof-navigation display-->
<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>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation 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 } ?>

**mimi78** · 10 Jun 2009, 01:52 PM

When searchign with the developper tools kit I've found there are 900 files that use clearboth. do I have to delete all of them?

C:/xampp/htdocs/testing/admin/customers.php

Line #48 : 

Line #58 : 

C:/xampp/htdocs/testing/admin/login.php

Line #64 : 

Line #67 : 

C:/xampp/htdocs/testing/includes/modules/attributes.php

Line #240 : $tmp_attributes_image .= ' ' . "\n";

Line #256 : $tmp_attributes_image .= ' ' . "\n";

Line #272 : $tmp_attributes_image .= ' ' . "\n";

Line #340 : $tmp_attributes_image .= ' ' . "\n";

Line #356 : $tmp_attributes_image .= ' ' . "\n";

Line #372 : $tmp_attributes_image .= ' ' . "\n";

Line #477 : $tmp_attributes_image .= ' ' . "\n";

C:/xampp/htdocs/testing/includes/modules/pages/address_book_process/jscript_addr_pulldowns.php

Line #58 : document.getElementById("stBreak").className = 'clearBoth visibleField';

Line #59 : document.getElementById("stBreak").setAttribute('className', 'clearBoth visibleField');

C:/xampp/htdocs/testing/includes/modules/pages/checkout_payment_address/jscript_addr_pulldowns.php

Line #58 : document.getElementById("stBreak").className = 'clearBoth visibleField';

Line #59 : document.getElementById("stBreak").setAttribute('className', 'clearBoth visibleField');

C:/xampp/htdocs/testing/includes/modules/pages/checkout_shipping_address/jscript_addr_pulldowns.php

Line #58 : document.getElementById("stBreak").className = 'clearBoth visibleField';

Line #59 : document.getElementById("stBreak").setAttribute('className', 'clearBoth visibleField');

C:/xampp/htdocs/testing/includes/modules/pages/create_account/jscript_addr_pulldowns.php

Line #58 : document.getElementById("stBreak").className = 'clearBoth visibleField';

Line #59 : document.getElementById("stBreak").setAttribute('className', 'clearBoth visibleField');

C:/xampp/htdocs/testing/includes/modules/pages/login/jscript_addr_pulldowns.php

Line #58 : document.getElementById("stBreak").className = 'clearBoth visibleField';

Line #59 : document.getElementById("stBreak").setAttribute('className', 'clearBoth visibleField');

C:/xampp/htdocs/testing/includes/modules/pages/popup_shipping_estimator/jscript_addr_pulldowns.php

Line #54 : document.getElementById("stBreak").className = 'clearBoth visibleField';

Line #55 : document.getElementById("stBreak").setAttribute('className', 'clearBoth visibleField');

C:/xampp/htdocs/testing/includes/templates/template_default/common/tpl_columnar_display.php

Line #39 : 

C:/xampp/htdocs/testing/includes/templates/template_default/sideboxes/tpl_shopping_cart.php

Line #47 : $content .= ' ';

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_default.php

Line #24 : 

Line #54 : 

Line #95 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_edit_default.php

Line #22 : 

Line #28 : 

Line #35 : 

Line #39 : 

Line #46 : 

Line #53 : 

Line #57 : 

Line #61 : 

Line #68 : 

Line #76 : 

Line #83 : 

Line #88 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_history_default.php

Line #25 : 

Line #29 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_history_info_default.php

Line #17 : 

Line #69 : 

Line #142 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_newsletters_default.php

Line #23 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_notifications_default.php

Line #26 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_account_password_default.php

Line #20 : 

Line #26 : 

Line #30 : 

Line #34 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_address_book_default.php

Line #23 : 

Line #28 : 

Line #40 : 

Line #54 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_address_book_process_default.php

Line #28 : 

Line #43 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_advanced_search_default.php

Line #26 : 

Line #28 : 

Line #35 : 

Line #41 : 

Line #43 : 

Line #68 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_checkout_confirmation_default.php

Line #59 : 

Line #84 : 

Line #94 : 

Line #103 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_checkout_payment_address_default.php

Line #26 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_checkout_payment_default.php

Line #50 : 

Line #113 : 

Line #162 : 

Line #178 : 

Line #183 : 

Line #188 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_checkout_shipping_address_default.php

Line #29 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_checkout_shipping_default.php

Line #30 : 

Line #101 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_checkout_success_default.php

Line #53 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_contact_us_default.php

Line #50 : 

Line #58 : 

Line #65 : 

Line #69 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_create_account_success_default.php

Line #32 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_discount_coupon_default.php

Line #35 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_document_general_info_display.php

Line #84 : 

Line #122 : 

Line #188 : 

Line #192 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_document_product_info_display.php

Line #84 : 

Line #122 : 

Line #187 : 

Line #191 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_down_for_maintenance_default.php

Line #29 : 

Line #32 : 

Line #34 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_featured_products_default.php

Line #22 : 

Line #39 : 

Line #50 : 

Line #66 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_gv_faq_default.php

Line #35 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_gv_send_default.php

Line #68 : 

Line #79 : 

Line #89 : 

Line #93 : 

Line #97 : 

Line #105 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_index_product_list.php

Line #81 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_login_default.php

Line #45 : 

Line #50 : 

Line #56 : 

Line #73 : 

Line #77 : 

Line #84 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_address_book_details.php

Line #16 : 

Line #28 : 

Line #35 : 

Line #39 : 

Line #46 : 

Line #53 : 

Line #59 : 

Line #66 : 

Line #80 : 

Line #90 : 

Line #97 : 

Line #101 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_attributes.php

Line #32 : 

Line #48 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_checkout_address_book.php

Line #29 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_checkout_new_address.php

Line #17 : 

Line #23 : 

Line #30 : 

Line #34 : 

Line #42 : 

Line #49 : 

Line #56 : 

Line #63 : 

Line #77 : 

Line #87 : 

Line #94 : 

Line #98 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_create_account.php

Line #17 : 

Line #50 : 

Line #57 : 

Line #61 : 

Line #65 : 

Line #72 : 

Line #79 : 

Line #93 : 

Line #103 : 

Line #110 : 

Line #114 : 

Line #125 : 

Line #140 : 

Line #150 : 

Line #157 : 

Line #164 : 

Line #168 : 

Line #177 : 

Line #181 : 

Line #192 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_order_totals.php

Line #20 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_product_listing.php

Line #18 : 

Line #27 : 

Line #43 : 

Line #53 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_send_or_spend.php

Line #19 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_modules_shipping_estimator.php

Line #37 : 

Line #51 : 

Line #55 : 

Line #58 : 

Line #65 : 

Line #70 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_password_forgotten_default.php

Line #22 : 

Line #26 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_product_free_shipping_info_display.php

Line #84 : 

Line #122 : 

Line #188 : 

Line #192 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_product_info_display.php

Line #85 : 

Line #123 : 

Line #189 : 

Line #193 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_product_music_info_display.php

Line #84 : 

Line #124 : 

Line #163 : </div>

Line #165 : 

Line #200 : 

Line #204 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_product_reviews_default.php

Line #44 : 

Line #70 : 

Line #79 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_product_reviews_write_default.php

Line #41 : 

Line #68 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_products_all_default.php

Line #18 : 

Line #40 : 

Line #50 : 

Line #66 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_products_new_default.php

Line #40 : 

Line #50 : 

Line #66 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_reviews_default.php

Line #45 : 

Line #64 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_shopping_cart_default.php

Line #36 : 

Line #85 : 

Line #128 : 

Line #147 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_site_map_default.php

Line #85 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_specials_default.php

Line #21 : 

Line #39 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_tell_a_friend_default.php

Line #19 : 

Line #23 : 

Line #27 : 

Line #31 : 

Line #35 : 

Line #39 : 

Line #44 : 

C:/xampp/htdocs/testing/includes/templates/template_default/templates/tpl_time_out_default.php

Line #29 : 

Line #33 : 

Line #40 : 

C:/xampp/htdocs/testing/includes/templates/templateone/common/tpl_header.php

Line #68 : 

Line #92 :

**mimi78** · 10 Jun 2009, 02:00 PM

Got it !! I was making the mistake of deleting the <DIV> before the .clearBoth.

Thank you both so much for your help :)

**limelites** · 10 Jun 2009, 02:03 PM

Yikes, no don't do that!!

When I searched my own developers toolkit (before posting that as an option) I only found one reference to Why you have 900 in your php files is a bit of a mystery to me...

If deleting the one in your header is causing problems then I'm struggling with it...

Tell me, do you use Firefox Firebug plug in to inspect your page? If not then you need to install it as a Firefox addon...

The reasons I'd suggested deleting the in the first place is that I can see one when I inspect your page in Firebug and when I delete it, the space goes away.

Before:

After:

Question is, which looks better?? I'd say it looks better as is.

**limelites** · 10 Jun 2009, 02:04 PM

Ahhh, no you shouldn't have deleted the <DIV>

Glad you got it in the end

**kobra** · 10 Jun 2009, 02:06 PM

Poster searched for clearBoth and not br class="clearBoth"

Thread: Space in header and unaligned sideboxes

Thread Tools

Search Thread

Display

Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Re: Space in header and unaligned sideboxes

Similar Threads

Space between header and header_bg

Need space between sideboxes and main content

Space Between Logo-header and EZ-Pages Header

Space issue between left sideboxes and centerboxes

Posting Permissions