Space in header and unaligned sideboxes

9 Jun 2009, 12:05 AM

#1

New Zenner

Join Date:: Mar 2009
Posts:: 78
Plugin Contributions:: 0

Space in header and unaligned sideboxes

Hey guys I'm :frusty::frusty: 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? :dontgetit
http://onwrapcreations.com/shop/

/*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 :)

9 Jun 2009, 12:19 AM

#2

limelites

Totally Zenned

Join Date:: Jan 2009
Posts:: 2,085
Plugin Contributions:: 0

Re: Space in header and unaligned sideboxes

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

9 Jun 2009, 6:33 AM

#3

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Space in header and unaligned sideboxes

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

9 Jun 2009, 11:42 AM

#4

mimi78

New Zenner

Join Date:: Mar 2009
Posts:: 78
Plugin Contributions:: 0

Re: Space in header and unaligned sideboxes

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

10 Jun 2009, 12:43 PM

#5

mimi78

New Zenner

Join Date:: Mar 2009
Posts:: 78
Plugin Contributions:: 0

Re: Space in header and unaligned sideboxes

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?

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

10 Jun 2009, 12:52 PM

#6

mimi78

New Zenner

Join Date:: Mar 2009
Posts:: 78
Plugin Contributions:: 0

Re: Space in header and unaligned sideboxes

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