6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Looks different in Firefox to IE

by Craig Dawber
5 replies
  • WEB DESIGN
    • |
Hi there,

Does anyone know why my site RoboForm Mastery Video Tutorial Series looks great in firefox but in IE it's cut off to the right?

Craig
#firefox
  • Profile picture of the author Barbara Wilson
    I looked at your site source code. Did you use FP or Word to write your text? I'm asking because I see things like <P class=MsoNormal> and style="mso-bidi-font-style: normal" - isn't this markup made by MS Office? I've read that 9 times out of 10 this will fail to work right.

    Checking the Headline, I saw this code:
    <DIV align=center><FONT face=Verdana size=5><B><FONT
    color=#ff0000><FONT color=#0033cc
    size=6></FONT></FONT></B></FONT><FONT face=Verdana
    size=5><B><FONT color=#ff0000><FONT color=#0033cc
    size=6><BR><FONT color=#cc0000>

    You've got two different font sizes defined 4 times and three different font colors defined 5 times. Plus, you repeat the font face twice.

    The first thing I'd suggest is to clean up your code and see if that fixes it.
    Signature

    Barbara Wilson
    http://www.ecoverdesigns.com

    {{ DiscussionBoard.errors[698214].message }}
  • Profile picture of the author mywebwork
    Originally Posted by Craig Dawber View Post

    looks great in firefox but in IE it's cut off to the right?
    Craig
    I'm confused, in IE the only difference I can see is that the jQuery-based opt-in box you have in the footer doesn't work. What do you mean by "cut off to the right"?

    Aside from the missing footer (IE only) I see it the same in IE, Opera, Firefox, Chrome and Safari.

    Bill
    {{ DiscussionBoard.errors[699385].message }}
  • Profile picture of the author alexandervintii
    yes IE is sometimes stupid.
    {{ DiscussionBoard.errors[699783].message }}
    • Profile picture of the author Craig Dawber
      Hi everyone,

      I have fixed this now.

      I had the tables set to a % instead of pixels which was causing it to it cut off to the right.

      Lesson learned.....ALWAYS check what your site look like in other browsers.

      Thanks

      Craig
      {{ DiscussionBoard.errors[700265].message }}
      • Profile picture of the author mywebwork
        Originally Posted by Craig Dawber View Post

        Lesson learned.....ALWAYS check what your site look like in other browsers.
        Yes this is essential, yet it's amazing how many people neglect to do this! Not only should you check in other browsers but other operating systems as well - I have a page that displays properly in Opera on Windows but displays incorrectly on Opera in Ubuntu LINUX (or at least it did, I've now fixed it).

        If you don't have the luxury of having a dozen computers to test on a good compromise is to test your site on Browser Shots:

        Check Browser Compatibility, Cross Platform Browser Test - Browsershots

        Bill
        {{ DiscussionBoard.errors[701484].message }}

Trending Topics