# Website looks different on different browsers

**URL:** https://meta.discourse.org/t/website-looks-different-on-different-browsers/105561
**Category:** Development
**Created:** [January 3, 2019, 10:31am UTC](https://meta.discourse.org/t/website-looks-different-on-different-browsers/105561 "2019-01-03T10:31:11Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Edwin\_Mhoy\_Silva](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/edwin_mhoy_silva/32/109980_2.png) [@Edwin\_Mhoy\_Silva](https://meta.discourse.org/u/Edwin_Mhoy_Silva)
#### Post date: [January 3, 2019, 10:31am UTC](https://meta.discourse.org/t/website-looks-different-on-different-browsers/105561/1 "2019-01-03T10:31:11Z")

</div>

I have customized my discourse website. The website look good on chrome, but when using safari a lot of the element on the website har positioned differently. I read a lot of articles only, and found something which could possibly solve my problem. To solve my problem I should add the normalize.css file.  
[Normalize.css: Make browsers render all elements more consistently.](https://necolas.github.io/normalize.css/).  
My question is, where should I add this file?

---

<div class="post-metadata">

### Author: ![justin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin/32/157614_2.png) [@justin](https://meta.discourse.org/u/justin)
#### Post date: [January 3, 2019, 2:36pm UTC](https://meta.discourse.org/t/website-looks-different-on-different-browsers/105561/2 "2019-01-03T14:36:49Z")

</div>

I’m pretty sure the Discourse CSS is already normalized. Instead, the problem may lie with the style rule choices you are using. Chrome sometimes renders things differently than Safari (or Firefox).

I’d maybe start by taking a look at a single element on Safari and Chrome, figure out what’s displaying incorrectly, narrow down the rule that’s causing it, then researching if there’s a cross-browser way to fix it.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [January 4, 2019, 1:25am UTC](https://meta.discourse.org/t/website-looks-different-on-different-browsers/105561/3 "2019-01-04T01:25:48Z")

</div>

Be sure to try out [safe mode](https://meta.discourse.org/t/53504?silent=true):

> [@Using Safe Mode to troubleshoot issues with themes and plugins](https://meta.discourse.org/t/how-to-use-discourse-safe-mode/53504):
>
> bookmark This guide explains how to use Discourse’s [Safe Mode](https://meta.discourse.org/t/53504?silent=true) to troubleshoot issues with themes and plugins. person_raising_hand Required user level: All users Discourse offers a “JavaScript [Safe Mode](https://meta.discourse.org/t/53504?silent=true)” that allows any user to isolate the root cause of JavaScript issues caused by plugins, themes, or theme components. This feature is particularly useful for troubleshooting problems on your Discourse site. Accessing [Safe Mode](https://meta.discourse.org/t/53504?silent=true) To access [Safe Mode](https://meta.discourse.org/t/53504?silent=true), follow these steps: Open a new browse…

If you can not repro the issue in [safe mode](https://meta.discourse.org/t/53504?silent=true), it can simply be the theme you have chosen or built.
