Cross Browser/Platform Viewing Discrepancies

  • I’ve read the forum postings and the Codex docs and other sites on the difficulties of writing code for all platforms. So far, none of the fixes I have tried has worked for my specific situation, so I need some assistance from this great group of experts.

    It is the background color. I’m using a Mac (I have not yet ventured out to see how it might look on a PC). I’ve viewed my site in Firefox, Safari, Netscape and IE. In Firefox, the visual effect is beautiful; in Safari and Netsape, it’s acceptable and mostly beautiful; in IE, it’s &x%*#@

    The margin background color is designed to be gray, hex color #aaaaaa. The background color of the sidebar and posting areas is designed to be white, #FFFFFF

    In the latest version of IE for Mac, the color #aaaaaa is read as being the background for the border, the posting, and the sidebar areas.

    Can anyone help me with the fix for that?

    https://www.jmviews.com/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Not sure this helps, but on the pc side (Windows XP) it looks nearly identical in Firefox, IE6 and Opera.

    One thing you might try is to *reinforce*the css elements for those blocks of your design where the body background is bleeding through. For example, try adding a background-color property to your #main declaration.

    Thread Starter macinsm

    (@macinsm)

    Not sure this helps, but on the pc side (Windows XP) it looks nearly identical in Firefox, IE6 and Opera.

    Oh, yes, that helps ENORMOUSLY. You “heard” the second question I wanted to write, but couldn’t because of the one-question per post limit. I am assuming that the visual effect is “beautiful.”

    try adding a background-color property to your #main declaration.

    Hmmm. There is a background-color on the main template, which I am posting below. Can you be more specific about what I am to “add” or adjust to this?

    { margin: 10px 0px 10px 0px; padding: 0px; background-color: #aaaaaa; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

    Many thanks for taking the time to look and respond.

    https://www.jmviews.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cross Browser/Platform Viewing Discrepancies’ is closed to new replies.