tpl_header.php

[jwashburn]

I am working on my custom tpl_header file and I have one small problem. Right below the logo and before the store navigation there is a white section I cant get rid of.

I know its the #mainWrapper from the css file, however I cant change it to black because of course its the mainWrapper.

Should I create a new css style and apply it?

Does anyone else have ideas.

You can see the problem at www.madminis.com/store

Thanks

[kuroi]

I'm puzzled. I'm looking at your store, but everything looks OK in FF and IE. The only white bar in the header seems to contain stuff that you have put there. Is this a closed problem?

[jwashburn]

Thanks for the reply, its still a problem. That white strip is there even if I dont put a call to menu.php there. See it now. I have removed the portion I put in there, there is still a small white bar showing. My guess it that is part of the css style that controls the bg header.

Here is code with the call to menu.php
<div id="headerWrapper">
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"></div>
<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>

</div>
<?php include('http://www.madminis.com/menu.php'); ?>
<!--eof-branding display-->

<!--bof-navigation display-->

[kuroi]

No its not the CSS - though you can use CSS to fix it. You're viewing this in Internet Explorer - right? If you look at it in Firefox there is no white strip.

Firefox is right. Internet Explorer is wrong - this is an example of one of the frustrating IE whitespace bugs.

The whitespace is being added to the taglineWrapper div which should be empty and has no sizes or other styling specified so should not be displayed. As IE does not seem to understand it you have two choices

1. delete the code that generates it from your tpl_header
2. less radically, use CSS to suppress its display

I recommend option 2 as it keeps you closer to the core code. In this case the solution is as straightforward as inserting the following into your stylesheet

#tagelineWrapper {display:none}

[jwashburn]

Thanks for the help still nothing working. As soon as i put the call to menu.php back in there it shows up white. I have tried making menu.php have a black blackground color with no luck. I have added #taglineWrapper to the stylesheet (its not there be default)still no luck. Ill keep working on it

the line <?php include('http://www.madminis.com/menu.php'); ?> is after the div tags are closed. Does css just continue with the last applied style until another style is called?

[jwashburn]

I think what I am seeing is part of this

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

because if I add background-color:00000 then the white goes away, however the main body is black also.

[Kim]

Sorry- we don't delete thread that might help someone else- perhaps you could tell us how you solved this problem?

[jwashburn]

I didnt mean to the delete the thread it was to delete the last post. I just edited instead

[jwashburn]

I got it to work. I moved my call to menu.php further down my page into the nav area.

BEFORE

<div id="logoWrapper">
<div id="logo"></div>
<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>

</div>
<?php include('http://www.madminis.com/menu.php'); ?>
<!--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 . '">'; ?>Store <?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>


NOW
<div id="logoWrapper">
<div id="logo"></div>
<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>

</div>

<!--eof-branding display-->

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<?php include('http://www.madminis.com/menu.php'); ?>
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?>Store <?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>

Thanks to all that help as especially kuroi for making an easy to use template