Problems with IE7!

[djoel]

Hi all of you,


in IE8, FF, CHROME my site is displaying fine,

but in IE7 there is a little margin appearing between

the logo and the nav ezpage.

I looked through my stylesheet over and over,

but cannot find the cause.

My site:
http://enjoyjeans.de/zencart

I´d really appreciate any help!

[CybaGirl]

You are having the exact same problem I had. That little margin appeared between my logo and my navigation section at the top of my page. At first I was not sure how to fix it nor did I have the time to try and fix it myself. So I contacted the people who originally created the skin and they fixed it for me.

Trouble is I am not to sure what they did to fix the issue. But I can tell you that it had something to do with the code in the tpl_main_page.php and or the stylesheet.css.

Sorry I cannot help any further. But changes to either one or both of those files fixed the problem for me.

[djoel]

First, thank you for your reply!


But like I said on my original post I cannot find the fix in my

stylesheet. And as my PHP skills are limited, rather described as

tending to zero, I cannot find it in both the tpl_header and the

tpl_main_page, either.


Any other tip for a desperate user maybe!?

[CybaGirl]

I dont think the problem relates to the tpl_header file. Well it didn't for me anyway. But the fact that you have that line at the exact same place as me and the fact that it only shows in Internet Explorer, suggests that it is the same problem that I had. The trouble is trying to find the code that is causing it .

Now I have had a quick look and compared my old tpl_main_page.php with my new tpl_main_page.php and unless I am missing something the only real difference I noticed was that the <td> tag before my banner was moved down to the same line as my banner.

For example:

Old tpl_main_page.php file

<table class="header_tb" width="980" cellpadding="0" cellspacing="0" align="center">	
	<tr>
		<td>
			<a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><img src="<?php echo DIR_WS_TEMPLATE_IMAGES; ?>mid_logo.jpg" class="noborder" alt="" /></a>
		</td>
	</tr>
</table>

New tpl_main_page.php file

<table class="header_tb" width="980" cellpadding="0" cellspacing="0" align="center">	
	<tr>
		<td><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><img src="<?php echo DIR_WS_TEMPLATE_IMAGES; ?>mid_logo.jpg" class="noborder" alt="" /></a></td>
	</tr>
</table>

Have a look in your tpl_main_page.php and see if there is similar code in there that has the <td> command on a line of its own.

Or you could post up the code in your tpl_main_page.php file and I will have a look for you.

The only other thing I can think that will cause this issue is something in the stylesheet.css file and that might take me some time to go through unless I can find a program that will compare the differences for me.

[djoel]

The point is my tpl_main_page doesn't look like yours.

Actually mine nearly looks like the default tpl_main_page.

So I tried to use my default to see what happens and everything

remained the same.

I still think the cause is somewhere in my tpl_header file, cause

this is where I've modified quiet a lot.


Thank you anyway CybaGirl!

[CybaGirl]

Ok I understand that your tpl_main_page does not look like mine. But the fact of the matter is that you are having the same issue that I had with IE7 and in exactly the same place. So this suggests to me that there is something similar between our files that is causing this.

So tonight I spent some time in trying to find out what this might be. I went through both the new and old versions of my stylesheet.css files and my tpl_main_page.php files with a program that compares any differences in the files. What I found was that there was no real differences between my stylesheet.css files and the only real differences between my tpl_main_page.php files was where I mentioned in my previous post about the <td> tag being on a line of its own.

So armed with this information I used the Web Developer and Firebug plugins for Firefox to have a look at your source code. Now after doing this one thing stood out to me which could be causing this problem for you. I do not know for sure if this is it. But it's worth a try and you have nothing to loose and everything to gain by trying it.

So what you need to do is backup your tpl_main_page.php file before making this change. The change you need to make is where you find the following text in your tpl_main_page.php file.

<div id="navMainWrapper">
<div id="logo"><img src="includes/templates/mine/images/mylogo_2.gif" alt="enjoyjeans" title=" enjoyjeans " height="176" width="963"></div>

Then what you need to do is move the image command up so that it is after the navMainWraper text as shown here:

<div id="navMainWrapper"><div id="logo"><img src="includes/templates/mine/images/mylogo_2.gif" alt="enjoyjeans" title=" enjoyjeans " height="176" width="963"></div>

So basically this is all on one line.

Then save the file and then upload it to your server. Then see if this code change fixes your problem.

If your not sure of what I am talking about and would like me to edit the file for you. Send me a PM and I will give you my email so you can send me the file and I will edit it for you.

As this is the only thing I can think of or see at this moment that is causing this issue.

Either way please let me know how you get on as I am interested.

[littlehawk]

I guess its related to your stylesheet, you may search for main body in you stylesheet and look for width, IE7 behaves differently,
you might get more clue from w3school, and see hoe different browsers read things.

[littlehawk]

check in css for these ids,
mainWrapper
indexHomeBody
indexHomeBody
navMainWrapper
logo
see if there is margin in between, or most likely it is the width and height.

[djoel]

Yes!!!!!!! I got it!

After all it was really in my stylesheet. After reading littlehawks reply I went through my stylesheets for the 10000000. time-
kind of hopeless.
And I noticed that I had no particular definition for my logo.
So I added it and defined its height. That was all.

So thank you to everybody!
I really appreciate your help.