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 »

Wrong container background color in IE 9


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 Oct 13, 2011, 01:31 AM
ragdoll
 
27 posts · Oct 2010
Yesterday I tried some changes to the background colors in my site www.fotocomefare.com. I then reverted all the changes.
In Firefox and Chrome site's appearance is correct, while in IE the container background color is sort of overridden by the body background color.
Before the changes (which I reverted) it worked also on IE.
What's the matter?

Last edited by juggledad; Oct 14, 2011 at 04:17 AM. Reason: spelling
  #2  
Old Oct 13, 2011, 04:25 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What were the changes?
Where did you make them?
__________________
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 Oct 14, 2011, 01:06 AM
ragdoll
 
27 posts · Oct 2010
I changed background: #ddd in the Style & Configure Layout page.
Then, I enclosed the custom header I'm using in a <div style="background:white;"> tag, in Style and edit header area page.
I added background:white; in Style and edit CENTER COLUMN page, Center column style box.
Finally I added background:white; to the Style WIDGETS page, Widget container box.
Then I set Layout backgroung back to #fff and it worked in every browser except IE.
  #4  
Old Oct 14, 2011, 04:29 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
looks the same to me. I do notice that you have a caching plugin active. This can cause the delay of seeing a change you make. you should always turn them off and flush the cache when making changes.
__________________
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 Oct 15, 2011, 02:31 AM
ragdoll
 
27 posts · Oct 2010
Thank you, but I already flushed the plugin.
Can't there be another cause to the problem?
  #6  
Old Oct 15, 2011, 03:27 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Like I said when I look in ie8 I don't see a problem.
What version of is?
Can you post a screen print?
__________________
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
  #7  
Old Oct 17, 2011, 04:54 AM
ragdoll
 
27 posts · Oct 2010
I attached 2 files a Crop of the top right corner of the page in Chrome and in IE 9.
You can see that the padding in IE has a wrong color.
While inspecting the page in IE 9, I found out what the problem is. When the page is loaded, document mode is set to IE7 standards.
I disabled the Emulate IE7 options I recently enabled, to try it. However the behavior doesn't change.
Attached Thumbnails
Click image for larger version

Name:	crop on chrome.png
Views:	251
Size:	116.7 KB
ID:	1557  Click image for larger version

Name:	crop IE.png
Views:	247
Size:	55.4 KB
ID:	1558  
  #8  
Old Oct 17, 2011, 05:54 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
did you set ATO->Style & configure LAYOUT->IE Document Type to 'IE9'

looking at the images side by side, it looks like IE9 is adding some extra padding at top and has moved the logo up some. Notice the gap between the logo and the next line 'La fotografia digital...' is bigger in IE9

In IE8 there is no gray at the top of the page. Don't you just love the way all browsers work the same - even between releases (NOT!)
__________________
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

Last edited by juggledad; Oct 17, 2011 at 06:01 AM.
  #9  
Old Oct 18, 2011, 12:42 AM
ragdoll
 
27 posts · Oct 2010
I can't see any IE document type in my style and configure LAYOUT page.
Probably it's because I still have Atahualpa 3.6.4.
I'll try and update.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How add background color between container and borders LCD screen? mvheun Center area post/pages 4 Dec 13, 2010 04:37 AM
background image not showing, so what have I done wrong tlck9 Header configuration & styling 7 Nov 24, 2010 03:15 PM
Opaque Background in Post Container Veggie Wedgie Atahualpa 3 Wordpress theme 5 Jun 21, 2010 01:12 PM
[SOLVED] How do I set up a different background color for the container and the body TGsoft Center area post/pages 4 Jun 11, 2010 09:14 AM


All times are GMT -6. The time now is 12:56 PM.


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