Tomasz Marszał BlogWebDevelopment. Informatyka. Ciekawe projekty.

W drugim odcinku, zgodnie z zapowiedzią, przygotowałem test porównawczy pozycjonowania kwadratu o określonej szerokości (100px) na środku strony za pomocą trzech metod:

• jako tło strony z parametrem background-position:center;
• z wykorzystaniem position:absolute;left:50%;margin-left:-50px;
• z wykorzystaniem margin-left:auto;margin-right:auto;

Tytuł oczywiście dlatego, że po angielsku lepiej brzmi ;) Postanowiłem pisać tu o problemach z przeglądarkami (nie tylko IE, mimo tendencyjnej grafiki ;) ). Nie tylko takimi, o których wszędzie napisano już mnóstwo, ale o takich, które odkryłem sam, a także o tym, jak sobie z tymi problemami radzić.

Na pierwszy ogień pójdzie, już tradycyjnie, Internet Explorer zaczynając od szóstki, a na ósemce kończąc. Dodatkowo przygotowałem test porównawczy pozycjonowania kwadratu o określonej szerokości (100px) na środku strony za pomocą trzech metod:

• jako tło strony z parametrem background-position:center;
• z wykorzystaniem position:absolute;left:50%;margin-left:-50px;
• z wykorzystaniem margin-left:auto;margin-right:auto;