Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

IE7 Header issue


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Apr 6, 2011, 02:49 PM
sawyerjw
 
22 posts · Dec 2010
Eastern PA, USA
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
  #2  
Old Apr 6, 2011, 03:23 PM
juggledad's Avatar
juggledad
 
21,959 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
what do you have the setting 'ato->Style & configure LAYOUT->Emulate IE7' set to?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Apr 6, 2011, 08:57 PM
sawyerjw
 
22 posts · Dec 2010
Eastern PA, USA
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?
  #4  
Old Apr 7, 2011, 05:41 AM
juggledad's Avatar
juggledad
 
21,959 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
looks exactly the same to me in Safari, Firefox and at 'http://browsershots.org' in IE7

In IE7, is your ZOOM set to normal?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Apr 7, 2011, 07:48 AM
sawyerjw
 
22 posts · Dec 2010
Eastern PA, USA
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
  #6  
Old Apr 7, 2011, 04:43 PM
lmilesw's Avatar
lmilesw
 
10,051 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Apr 7, 2011, 08:22 PM
sawyerjw
 
22 posts · Dec 2010
Eastern PA, USA
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
  #8  
Old Apr 7, 2011, 09:26 PM
lmilesw's Avatar
lmilesw
 
10,051 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
css, ie7, overlapping divs

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Header Image Opacity Panels Not Appearing in IE7 Hyperbole Header configuration & styling 0 Feb 23, 2010 09:31 PM
[SOLVED] Header overlapping Sidebar in IE7 and IE8 jdadour Sidebars & Widgets 1 Dec 21, 2009 12:33 PM
Header shows in Safari but not in IE7 AbbyDon Header configuration & styling 9 Sep 25, 2009 08:10 AM
Menu rendering issue in IE7 brandonhorn Page & Category Menu Bars 1 May 8, 2009 11:19 AM
Page Menu Bar Issue with IE7 jyoung Page & Category Menu Bars 1 Mar 12, 2009 02:57 AM


All times are GMT -6. The time now is 10:26 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.