13 Apr 2010, 5:43 PM
Inactive
- Join Date:
- Oct 2007
- Posts:
- 187
- Plugin Contributions:
- 0
TPL_HEADER problem v138a
Hey guys,
I'm having a problem within my tpl_header over cross operating systems. :frusty: In Windows the Categories (in all browers, ie. Internet Explorer, Firefox, Chrome) that we have in our header looks like this:
However in mac operating system it looks like this
This wouldn't be a problem if over 10% of our customers didn't use a mac but unfortunately they do.
The code that is controlling this is:
TPL_Header
<div id="headerCat">
<div style="float:left;">
<?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catSpacerL.gif', 'spacer'); ?>
</div>
<div id="headerCatInfo"><span style="margin-left: 13px;"><a href="<?php echo zen_href_link('index&cPath=343') ?>">Collectibles</a></span><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=329') ?>">Clothing</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=12') ?>">DVDs</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=11') ?>">Games</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=5') ?>">Gifts</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=261') ?>">Jewelry</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=9') ?>">Music</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><a href="<?php echo zen_href_link('index&cPath=2304') ?>">Sports</a><?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catLine.gif', 'spacer'); ?><span id="catSpacer" style="margin-right: 13px;"><a href="<?php echo zen_href_link('index&cPath=388') ?>">Toys</a></span>
</div>
<?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'catSpacerR.gif', 'spacer'); ?>
</div>
Stylesheet.css
#mainWrapper { background-color: #FFF; text-align: left; width: 1032px; vertical-align: top;}
#headerCat {float: left; margin: 14px 0 0 70px;}
.search {float: left;}
#headerCatInfo{float: left; font-family: Arial, Helvetica, sans-serif; Font-size: 13pt; background-image: url(../images/catBG.gif);height: 29px; color: #0e5380; background-position: top; background-repeat: repeat-x;}
#headerCatInfo {font-weight: bold;}
#catContainer {position: relative; top-margin: 8px;}
#headerCatInfo img{vertical-align: middle; padding: 0 11px;}
If anyone can figure out why it's overlapping the categories is hanging outside of the main wrapper within mac os x i would greatly appreciate it. ANY IDEAS? I know there's some smart programmers out there that are smarter than me :)
