Trouble getting everything to look right across browsers…

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

    https://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

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

    Thread Starter brent7

    (@brent7)

    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

    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.

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

    Thread Starter brent7

    (@brent7)

    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)

    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

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

    Thread Starter brent7

    (@brent7)

    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.