5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Webpage looks different in Firefox and Explorer

by ValleyArch
4 replies
  • WEB DESIGN
    • |
Hi,

As usual I'm having some difficulties making my webpages look the same in Firefox and Explorer.

The most recent problem is that in Firefox the webpage is centrally placed on the screen and in comparison to the background. That's what I want. However, in Explorer the webpage is set to the left of the screen and to the left in comparison to the background.

Presumably Firefox and Explorer read html in slightly different ways. How do I get the pages to look the same in both browers?

I'm using NVU as the editor...

Big thanks if you can help!
#explorer #firefox #webpage
  • Profile picture of the author cakdesigns
    are you using css? most browser read the css wrong and second do you have a live link to it?

    Chris
    {{ DiscussionBoard.errors[719051].message }}
  • Profile picture of the author ValleyArch
    Hi,

    I have set up an example of the problem I am seeing here:

    Problem Page

    Thanks Chris and anyone who can make suggestions as to what's going on.

    Cheers
    {{ DiscussionBoard.errors[719695].message }}
  • Profile picture of the author NickL
    Since you're using tables and not nested DIVs, it seems like Firefox is using the settings you set in the style attribute of your tables. But IE is not. You can simply try to use the align attribute AND the style attribute. Each browser will ignore the attribute it considers less valid.

    So try adding the align attribute to the table tags as follows:

    align="center"

    I know it is depreciated, but it should work for you.

    If you get deeper into using styles, move your styles into a css file and use DIVs to layout your site - it will be much lighter and more search engine friendly (better text to HTML ratio).

    If this works, let me know. If not, I will see what I can do.
    Signature

    Have an Excellent Day!

    ~ Nick

    {{ DiscussionBoard.errors[720608].message }}
    • Profile picture of the author NickL
      Well... I am a little crazy when it comes to web design. So here is a sample of the page using tables (old school):

      Former Problem Page

      And here is a sample of a similar page using DIVs and css. View the source of the page below. Note how much lighter the source is. You should be able to use this to learn how to re-build anything you want. Just experiment. Using css is so much cleaner and can be fun once you get your head around it (took me a while).

      Test Page for WF friend

      And this is the style sheet css file (clicking it should start a download):

      http://www.webhostsafari.com/sampleS...ampleStyle.css

      I hope this all helps you. Good luck!!
      Signature

      Have an Excellent Day!

      ~ Nick

      {{ DiscussionBoard.errors[720675].message }}

Trending Topics