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 » Center area post/pages » Post-Kicker, -Byline & -Footer »

Site shows up differently in IE 7.0 & Firefox


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 Mar 10, 2011, 03:32 PM
night888
 
7 posts · Mar 2011
Site shows up differently in IE 7.0 & Firefox

Hello,

Wordpress newbie here...I'm curious as to why there seems to be display issues between firefox and ie 7.0 for my website running the latest version of Atahualpa:

http://www.edmonton-insurance-quotes...-car-insurance

Firefox works excellent, but in Ie there are two issues:
1) The two buttons are not on the same row as they should be;
2) There is a white space about 4 pixels high running through the header image.

Also, is there any difference in support for diamond vs gold members? Just wondering...

Thanks in advance!
  #2  
Old Mar 10, 2011, 03:40 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
In Atahuala 3.6.4 IE7 Emulation is off by default but can be turned on in ATO>Style & configure Layout.

The two button aren't aligned side be side in Firefox for me. Do you have the left one set to float left?
__________________
~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.
  #3  
Old Mar 10, 2011, 04:15 PM
night888
 
7 posts · Mar 2011
oops float fixed it...thank you very much!

Thank you for the prompt reply...could you tell me if I make a donation to you specifically do I get gold status?


Edit:
Hmmm now the buttons are not lined up correctly (they are in firefox but not in IE). Also I turned out IE7 compatibility but the whitespace is still there...I suck at this :P

Last edited by night888; Mar 10, 2011 at 04:22 PM.
  #4  
Old Mar 10, 2011, 06:25 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
You will get Gold status either way you donate.

With regards to your images I would like to see the code you have in that post for those images. You could use a table with two cells which should make things line up properly. Sometimes the floats and such don't play nice with different browsers.
__________________
~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.
  #5  
Old Mar 10, 2011, 09:57 PM
night888
 
7 posts · Mar 2011
donated earlier today!

here's the code (I've simplified things to try to make it easier):


<div id="brandingArea">
<a href="http://www.edmonton-insurance-quotes.ca/a-quote"><img title="Save hundreds on car insurance with the Discount Checklist" alt="Save all you can on car insurance with our Discount Checklist" src="/img/autoProductButton.gif" style="float: left; padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;"></a>
<div id="getRateQuoteAuto"></div>
</div>


and the corresponding css:


#brandingArea {
float: left;
margin: 0 0 10px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: 559px;
}

#getRateQuoteAuto {
background: url("/img/autoProductButton.gif") no-repeat top right scroll transparent;
display: block;
float: left;
height: 130px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
position: relative;
width: 250px;
}




I just don't understand why it shows up in Firefox as even but not in IE...I have a feeling it may have to do with Display: Block but when I change it to inline the background just disappears altogether...
  #6  
Old Mar 10, 2011, 10:23 PM
night888
 
7 posts · Mar 2011
update: I can get the two images to line up by changing the following in the css:

#brandingArea {
float: left;
margin: 0 0 5px;
padding-top: 15px;
padding-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
width: 555px;
height: 130px;
}




However, I don't understand why this works...aren't both the image on the left and the background image to the left both inside the same container, so shouldn't changing the padding of the parent class affect both images equally?
  #7  
Old Mar 10, 2011, 10:25 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
I looks like you have an empty paragraph after the second image. In the HTML editor take out any empty lines just before the first line of text.

You also have the divs set up in a way that is not clear to me but I think the quick fix is the empty paragraph.
__________________
~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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
My theme shows white space all around it in Firefox shoshana Atahualpa 3 Wordpress theme 2 Jan 14, 2011 03:03 PM
Widget shows different style in firefox pranzyt Sidebars & Widgets 6 Sep 4, 2010 10:41 AM
Images positioning themsevles differently with new Firefox jkthompson72 Center area post/pages 0 Feb 5, 2010 01:30 PM
Why is my website formatted differently when I view it in firefox or IE? Joelb53 Atahualpa 3 Wordpress theme 4 Aug 13, 2009 09:11 AM
Firefox and Safari show 3 columns. IE only shows 2. How do I resolve? rwang Sidebars & Widgets 9 Dec 20, 2008 03:46 AM


All times are GMT -6. The time now is 12:41 AM.


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