Site Logo Position

[limelites]

I have always had my site logo commented out of the tpl_header.php file like this:

<!-- <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" />-->

My site logo at the moment is actually part of the background image, this is why I've always had it commented out. I'd quite like to remove the <-- --> though and use a normal logo so I had more control over the positioning. The trouble I'm having is that when I remove the comments <-- --> and the site logo appears it jumps down under my menu bar and out of the header completely.

Doe anyone have any idea why it's jumping down below the menu, from looking at the PHP above? Shouldn't the site logo position itself more or less where my background logo is just now?

[s_t_e_v_e]

I would not use that code and just add the logo to your template within the div you that you show the header background..

<div id="headerpic">
<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>

[limelites]

Hi Steve,

Thanks for that!! It's easy when you know how :-)

I had my logo inserted wrongly as I'd been told it was displaying in the footer in IE6 I'm sure this will put that right.

Speaking of IE6... I've been told my site has many, many errors in that browser. I should probably ask this in another thread but what percentage of internet users still use this browser and is it worth developing with this antiquated bug-monster in mind or should we just forget IE6 in hope that people drop it altogether?

[limelites]

I would not use that code and just add the logo to your template within the div you that you show the header background..

<div id="headerpic">
<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>

Spoke too soon again... Trying to get logo to sit a touch higher so it comes over the navMainWrapper like this:

#logo {
position:absolute; bottom:20px;
z-index:10000;
clear:both;
}

But for some reason the z-index isn't being recognised in IE ?

[stevesh]

As far as IE6, I think it depends a lot on what you're selling, and to whom.

Most visitors still using IE6 are coming to your site from their computers at work. A lot of companies' IT departments haven't upgraded because they have some sort of internal stuff that may not render properly in IE7 and they don't want to rewrite it.

Personally, I check my sites in IE6, but if it's really messed up, and it looks like it'll take a lot of time to fix, I let it go.

[limelites]

So what's a good way to check your site in IE6? None of our systems runs it and I know no one who does.

[dbltoe]

Just doing a W3c Validate on your site and fixing the errors would help.

http://validator.w3.org/check?uri=ht...Inline&group=0

[stevesh]

So what's a good way to check your site in IE6? None of our systems runs it and I know no one who does.

There are websites that show you screen shots of your site in various browsers, but it isn't that helpful. I have a computer I use mostly for some email accounts that I keep IE6 installed on for this purpose. Keeping IE6 on XP after SP3 has installed IE7 is a pain, but it can be done.

[limelites]

Just doing a W3c Validate on your site and fixing the errors would help.

http://validator.w3.org/check?uri=ht...Inline&group=0

I would if I could... but I don't understand half of what it's saying...

For example....Line 683, Column 24: XML Parsing Error: Premature end of data in tag html line 657

} catch(err) {}</script>

This is from my index.php file and there are dozens and dozens of them.... my index.php has not been modified, so why is the validator picking up on this and what does it even mean?

There are websites that show you screen shots of your site in various browsers, but it isn't that helpful. I have a computer I use mostly for some email accounts that I keep IE6 installed on for this purpose. Keeping IE6 on XP after SP3 has installed IE7 is a pain, but it can be done.

I've seen those sites but they're about as useful as a chocolate fireguard as they only show a screen shot of the top left of the site and you can't see the rest.

I downloaded a copy of IE6 but it doesn't work... I guess IE8 is interfering with it...

If you have time, could you take a quick look at my site in IE6 as I think I've sorted my problems there but can't be sure as I can't see it

[stevesh]

The only difference I see in IE6 is that your SSL seal image is centered in your footer, just under the copyright notice, rather than in the corner. Doesn't look that bad there, though.

BTW, I'm seeing a horizontal scroll bar on your site in all browsers.