Кнопки, не позиционирующие в Chrome

Question

Итак, у меня есть много кнопок в моем html, но не все из них, похоже, позиционируются. Один или два, но остальные - нет. это код одного из них, что является примечание функционирование:

<button title="Go through the gate" type="button" onclick="Dungeonmove()" style="top: 900; left: -400; postion: relative; z-index: 1; visibility: show;">Go north</button> 

И один, который функционирует:

<button title="Stats" type="button" onclick="lco()" style="top: 0; left: 350; position: relative; z-index: 1; visibility: show;">Check your stats</button> 

Так что разница и почему не некоторые из кнопок позиционирования? Кто-нибудь знает?

Answer 1

Необходимо указать значение единицы измерения. Единственный раз, когда вам не нужно, это номер 0.

http://jsfiddle.net/SB9bY/1/

<button title="Go through the gate" type="button" onclick="Dungeonmove()" style="top: 900px; left: -400px; position: absolute; z-index: 1; visibility: show;">Go north</button> 

<button title="Stats" type="button" onclick="lco()" style="top: 0; left: 350px; position: relative; z-index: 1; visibility: show;">Check your stats</button> 

Кроме того, проверьте код ошибки правописания. Вы написали postion, а не position.

Answer 2

Право на летучую мышь Я вижу верхнюю позицию: абсолютную и нижнюю позицию: относительную. Какова ваша цель? Вы, возможно, потребуется изменить свой подход

Answer 3

Похоже, что вы оставили «точек» от вашей верхней и левой декларации

<button title="Go through the gate" type="button" onclick="Dungeonmove()" style="top: 900px; left: -400px; position: absolute; z-index: 1; visibility: show;">Go north</button>