2010-03-09 3 views
2

У меня возникают проблемы с вертикальным позиционированием текста внутри поля ввода текста в Firefox. Мне удалось заставить его работать в любом браузере, кроме Firefox:Проблема ввода Strange FIrefox

alt text http://img696.imageshack.us/img696/2247/picture18h.png

Посмотрите, как «Fwd:» текст переполнен против вершины? Мне нужно вертикально центрировать это внутри поля.

Вот мой CSS:

.subject { 
clear: right; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
height: 1.6em; 
width: 500px; 
font-size: .88em; 
margin-bottom: 20px; 
padding-left: 5px; 
padding-top: 5px; 
line-height: 1.5em; 
padding-bottom: 0px; 
} 


.meta_str input { 
float: left; 
margin-left: 10px; 
height: 1.6em; 
border: 1px solid #dfdfdf; 
} 

HTML:

<li><div class="pre_box"><h4>Subject:</h4></div><input type="text" class="subject" value="Fwd:"/><div class="clear"></div></li> 

ответ

0

.subject не наследует некоторые отступы от других. Установка высоты линии и высоты к ней всегда работала для меня.

Вы можете проверить элемент в FireBug, чтобы узнать, какие стили применяются.

+0

Хммм, это странно - я положил его в firebug и, похоже, не наследует ничего, что помешало бы заполнению по умолчанию. Интересно, может ли быть какая-то другая проблема. Для будущей ссылки на страницу, о которой я говорю, можно найти здесь: http://current-post.com/qmail/compose.html – Thomas

+0

Похоже, что вы были правы в отношении не наследующих дополнений - я получил это благодаря! – Thomas

Смежные вопросы