Extending Logo into Sidebox

[Michael V]

Can do alot with the css for this...

Try removing the current navMainWrapper entry and making it it's own entry with the following:

Sorry, I should have mentioned that I liked how the navigation bar went behind the logo and that's how I wanted it to show up in IE as well.

I'm just trying to figure out if there is a fix for getting an image to overlap a division in IE (I'm checking it using IE 6) or if I'll have to cut the logo in two and call half from the header and half from the left column/sidebox.

I'd prefer if the image could overlap so that I can make minor layout changes to the page without having to cut the logo in two every time. If I can't, then I'll wait until I have everything else with the page set up how I want and edit the logo once.

Thanks for all the help & suggestions.

[Michael V]

Well, I have come to the conclusion that I hate IE.

If I use the position: absolute, I can get things to look right but if I change the resolution or modify the size of the IE window, things quickly start to go wrong.

If I use the position: relative, IE doesn't allow the image to cross across divisions.

If I try to cut the image into pieces and call them from the different divisions, IE looks like it tosses in a 1 pixel line along the division boundary which ruins the image.



Any suggestions? The only thing I can think of is to take a 'print screen' snapshot of the page perfectly set up, cut out the section from the bottom of my logo up and turn it into my background (minus the text of course). The only thing stopping me right now is that it would be a pretty sloppy solution (IMO).

[kobra]

There is in the downloads section an IE only stylesheet module that you might find helpful authored by kuroi...

[Michael V]

Update:

The problem with crossing division boundaries seems limited to IE 6. Firfox & IE 7 handle it just fine so I decided, for now, to edit the tpl_header so that if someone shows up browsing in IE 6, the logo will not be called. Eventually (next couple days) I'll make a smaller logo that won't cross the division just for IE 6. There will be a gap above the categories listing that won't be there in Firefox/IE 7 but oh well.

Code in tpl_header.php looks like this:

<?php
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6.0') == FALSE) {
?>

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

Using PHP, if HTTP_USER_AGENT (a string that describes what the requesting user is using as a browser) does not have MSIE 6.0 in the string, I'll display the logo. If the string does contain 'MSIE 6.0', the code that calls the logo gets skipped.

After I make the smaller logo, I'll toss in an ELSE statement that calls the smaller logo up for IE 6 users.