Archived

This topic is now archived and is closed to further replies.

  • 0

IE 7 -- WH Pro appearance is a mess!

Question

Posted · Report post

I just spent hours setting up my front page for White House Pro (through Firefox) and it's looking great. To my dismay, when accessed through IE7 (possibly 6 as well), its appearance is nighmarish! I am a novice at this; however, I saw another post that said maybe there is a <p> within <h3> headers that may be causing it. I can't find such. Can someone please help me???!!!! Thank you!!! My site is: http://www.thecharlottemarket.com On IE7, the main feature box is messed up most notably on selection 3, and at bottom where content goes, the text is completely missing and only the images show.

Share this post


Link to post
Share on other sites

11 answers to this question

Posted · Report post

One part I cannot seem to change is the text I've written after <h1 class="ftitle"> I need to shrink the font a little to get "Worldwide ERC" to be on the same line as it shows in Firefox. How do I shrink that text? Thanks...much appreciated.
Add this to the custom CSS Code field:
.fcontent .ftitle {font-size: 35px;}

Also, just curious if any of the text within the feature boxes visible to search engines?
Yes it is.

Share this post


Link to post
Share on other sites

Posted · Report post

IE is an unforgiving beast. Did you validate using w3? this can often give you hinds.. also do you have firebug?

Share this post


Link to post
Share on other sites

Posted · Report post

also can you post a screenshot?

Share this post


Link to post
Share on other sites

Posted · Report post

As you can see, the selection box numbers overlap the text (which does not happen on Firefox), and the columns of text in the feature content sections at the very bottom of screen is actually supposed to be black, not pale yellow. [url=sAsxf.png]null

Share this post


Link to post
Share on other sites

Posted · Report post

Here is the same page using Firefox, which shows up correctly. Also, I do have firebug. Will figure out how to use it. Know nothing about this. And how do I determine the URI in order to validate with W3? [url=8nTfK.png]null

Share this post


Link to post
Share on other sites

Posted · Report post

ok screenshot helped... I see a couple things wrong with the markup:

  • The reason you have yellow text in your fBoxes is because there is a `` tag that isn't closed in your third feature area
  • Using `align=center` or similar is a deprecated method... trying using `style="text-align:center"` (or similar) instead

Share this post


Link to post
Share on other sites

Posted · Report post

Okay I got the text in the three feature boxes at bottom to correctly appear in black (not pale yellow). However, the 3rd feature where the pictures scroll as seen in the image below is still messed up. I closed the <span> tag in the third feature area as you said. I changed the center tag as you said. Can't thank you enough for walking me through this! [url=CZDa2.png]null

Share this post


Link to post
Share on other sites

Posted · Report post

This is because windows/IE renders fonts differently than FF and on the mac. Usually you just need to accommodate this, by shortening text.. (if you notice on PageLines, we leave space for larger text on Windows than Mac etc...) The text looks good, I would just leave some space for its appearance in IE.

Share this post


Link to post
Share on other sites

Posted · Report post

I guess that's the catch then...design the theme working in the IE browser. The appearance looks much cleaner and better in Firefox. Thank you for your response. I removed some text. Only one part I cannot seem to change is that the text I've written after <h1 class="ftitle"> I need to shrink the font a little to get "Worldwide ERC" to be on the same line as it shows in Firefox. Any way I can shrink that text? Also, just curious if any of the text within the feature boxes visible to search engines?

Share this post


Link to post
Share on other sites

Posted · Report post

I guess that's the catch then...design the theme working in the IE browser. The appearance looks much cleaner and better in Firefox. Thank you for your response. I removed some text as a simple fix. One part I cannot seem to change is the text I've written after <h1 class="ftitle"> I need to shrink the font a little to get "Worldwide ERC" to be on the same line as it shows in Firefox. How do I shrink that text? Thanks...much appreciated. Also, just curious if any of the text within the feature boxes visible to search engines?

Share this post


Link to post
Share on other sites