IE7 Header issue
 

I just created a site using Atahualpa 3.6.4 which has a header widget area defined in the upper right corner of the header. The header configuration looks like this:

<widget area creation code>
%image %pages

So, it's basically just a banner, menu and widget area containing two text widgets. This renders fine in IE8 and Firefox, but gives IE7 heartburn.

The header widget area is floated right and positioned relative to the header container. IE7 honors the widget positioning and pushes the banner to the left by the width of the widget area. This causes the site banner to be shifted to where only half of the graphic can be seen.

I was able to get the banner to display completely by adding a width: 100% attribute to the CSS, but this causes IE7 to shove the banner down so it's no longer lined up with the header widget area. If you go to the site, you'll see what I mean:

http://storage-brain.com

View it in Firefox or IE8, then check out IE7 to see what it does. I'm not the world's foremost CSS expert. I've tried what I can think of to try and this is the best I've been able to get it to look in IE7. Any ideas would be appreciated.

Btw, the site is running WP 3.1 at the moment.

Thanks,

John

what do you have the setting 'ato->Style & configure LAYOUT->Emulate IE7' set to?

Sorry, I should have mentioned that I tried throwing the IE7 switch to "Yes" and it didn't help. Currently, it's set to "No". Do I have to do more than switch it to "Yes", save and refresh the page?

looks exactly the same to me in Safari, Firefox and at 'http://browsershots.org' in IE7

In IE7, is your ZOOM set to normal?

Please look at the screenshots in Browsershots.org again, or if you have IE8 use the developer tools (F12) and switch to IE7 mode. The screenshot from MSIE7 displays the problem. Firefox and most other browsers display the site correctly. The social media buttons on the right of the header should be horizontally aligned with the logo on the left side of the header. In IE7, if you draw a horizontal line from the left to the right just above the logo, the search box is on or above that line.

Zoom in IE7 is set to its default value, 100%.

Thanks,

John

Just to throw my two cents in. Even Microsoft is saying IE7 is past end of life. To me it doesn't make much sense to spend a lot of time to make a site work with it?

Hi, Larry,

I completely agree and I don't intend to waste a lot of my or anybody else's time on it. The customer brought up the issue so I hacked a fix which is close enough, IMO. I just thought there might be an easy way to get it to look like it's supposed to, but if not, so be it, unless the client is willing to foot the bill for my time to fix it.

Thanks,

John

The problem in this case is you are working with two table cells so it can be a bit fiddly to get stuff to work. Glad you have a hack for the time being.