Проблема с позиционированием CSS - правая позиция работает с перебоями

#css #browser #positioning

#css #браузер #позиционирование

Вопрос:

У меня проблема, которая меня действительно беспокоит: я написал некоторый css, который работает нормально (как я и ожидал) большую часть времени, однако с перерывами это не так. Если смотреть дальше, кажется, что нужное свойство отображается не каждый раз. Вот код:

 input.search-lupe { 
position: relative; 
top: 318px; 
right: -915px; 
background: url(../images/lupe.png) no-repeat; 
width: 22; height: 23; border: 0; 
padding: 0 38px 0 10px; 
z-index: 201; }

Как я уже сказал, большую часть времени он работает так, как должен, однако иногда это не так, и я вижу, что это из-за того, что правильное свойство отображается не каждый раз. Мне это кажется очень странным. Просто чтобы напомнить, когда элемент отображается неправильно, я проверяю код в Firebug, и вот что я вижу:

 input.search-lupe { 
position: relative; 
top: 318px; 
background: url(../images/lupe.png) no-repeat; 
width: 22; height: 23; border: 0; 
padding: 0 38px 0 10px; 
z-index: 201; }

Проблема возникает в том же браузере (Firefox 7, Mac иногда работает, иногда нет. То же самое с Safari 5 Mac). Есть идеи?

Ответ №1:

Может быть, это не ваша проблема, но разве вы не должны добавлять px after width: 22; height: 23; ?

1. Спасибо, приятель. Проблема заключалась не в том, что px отсутствовал по ширине и высоте, а в том, что px отсутствовал в правильном свойстве. Приведенный выше код был скопирован из Firebug, но в моем исходном коде я не добавил px, кажется, что теперь все работает.