Pozycja divów w różnych przeglądarkach

Question

Cześć, dopiero się uczę HTML i CSS i mam jeden problem co nie daje mi spokoju. Mianowicie divy w różnych przeglądarkach mają inną pozycję. Stronę robię w Edge i tam wszystko jest ok, a gdy otwieram stronę w np Chrome divy mają inną pozycję. Wie ktoś co zrobić żeby divy niezależnie od przeglądarki miały tę samą pozycję?

Answer 1

Zainteresuj się stylami resetującymi style wszystkich selektorów.

Kilka z nich:

Normalize.css

https://necolas.github.io/normalize.css/

Reset

http://meyerweb.com/eric/tools/css/reset/

Więcej informacji znajdziesz w postach Comandeer'a:

http://forum.pasja-informatyki.pl/104454/uniwersalny-css?show=104472#a104472

http://forum.pasja-informatyki.pl/108013/reset-css-czy-sie-oplaca?show=108022#a108022

Answer 2

Nie do końca rozumiem o co Ci chodzi.

Może pomoże ustawienia box-sizingu na border-box?

*{
box-sizing: border-box;
}

Możesz też wyzerować domyślne ustawienia przeglądarek: Link

Pozdrawiam.

Answer 3

Hmm nie rozumiem :P zrób sobie diva

 

.container { width: 1160px; overflow: hidden; margin; auto; }

 

i w tym divie daj zawartość strony, może Ci to pomoże