Trouble getting everything to look right across browsers…

  • brent7

    (@brent7)


    11 years, 4 months ago

    Hey guys, I’m struggling to get my sales page to look the same in all browsers. My page is:

    http://elitegamingcomputers.com/fix-low-fps

    I’m working in Chrome, so in Chrome it looks the way I want it to. However, in Internet Explorer, you can see that some of the margins and stuff (see the Facebook Social Plugin) are a little bit off.

    Does anyone know how I can code this for cross-browser unity?

    And, does monitor size have anything to do with it as well?

    Thanks,

    Brent

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    You ought to first ensure each webpage conforms to W3C standards, by using the W3C HTML validator.

    Thread Starter brent7

    (@brent7)

    11 years, 4 months ago

    Dang! That’s a lot of errors… As you may or may not have noticed, I don’t really have any training on the fundamentals, I kind of just do a Google search for the effect I want and then implement it. If everyone used Google Chrome, I would be fine… Unfortunately that’s not the case.

    So I copied and pasted the recommended ‘HTML-Tidy’ code and it changed the layout of my site a little bit. And now everything looks crazy. Is that now where I should begin to work from?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    Fixing errors thrown by the validator in-general resolves browser compatibility issues. Your layout may look, “Crazy”, but it is more likely to look crazy cross-browser now 😉

    Is that now where I should begin to work from?

    Yes, it’ll be much more difficult to resolve browser compatibility issues otherwise.

    WPyogi

    (@wpyogi)

    11 years, 4 months ago

    Where did you paste the tidy code? That wont solve many problems on php based sites.

    Thread Starter brent7

    (@brent7)

    11 years, 4 months ago

    Oh the joys of learning to do something the wrong way only to later realize you have to go re-learn it the right way!

    Thank you for pointing me to that Andrew! I’ll start playing with this code.

    Thread Starter brent7

    (@brent7)

    11 years, 4 months ago

    I pasted the tidy code in my ‘sales-page’ template page. I basically replaced everything between the html tags.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    By the way, where did you get the tidy code from?

    Thread Starter brent7

    (@brent7)

    11 years, 4 months ago

    From the very bottom of the page that you linked to.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Trouble getting everything to look right across browsers…’ is closed to new replies.