Website looks great on all browsers through Mac, but doesn't line up through PC

  • So I always cross reference my work across browsers, but I just had a client point out to me that though it the site looks fine on ff, chrome, safari etc when viewing on a mac, many things don’t line up when viewing on a PC. (How embarrassing, I didn’t know the platform also creates a difference).

    Here’s the link: https://ericbrockmanwebsites.com/dev/

    For instance the items across the top logo, company name, nav, and search bar don’t line up on PC.

    Here’s my HTML:
    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

    Here’s my CSS:

    [CSS moderated. Please just post a link to your site.]

    Sorry if the code is a mess, I’m teaching myself and it’s a long (but fun) process!

    Any help is greatly appreciated!

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

  • The platform generally does not cause a difference, but browsers do. The PC was likely in IE — and that browser is frequently different from others, especially older versions.

    You have a bunch of mark-up and CSS errors — and those can cause problems like what you describe. So start by cleaning those up and see where you are with browser differences.

    Thread Starter eric brockman

    (@eric-brockman)

    Thanks for the reply WPyogi, I thought the same about browsers vs platforms, but for whatever reason it looks fine on all browsers in Mac, and a little off on all browsers in PC.

    I’ll try to clean up my errors best as possible. Any hints on what’s wrong?

    thanks again,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Website looks great on all browsers through Mac, but doesn't line up through PC’ is closed to new replies.