Forum Moderators: not2easy

Message Too Old, No Replies

How to arrange correct vertical alignment in Mozilla input field?

         

toplisek

7:23 am on Apr 23, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



How to arrange correct vertical alignement in Mozilla input field?

Within IE it works perfect middle alignement, but in Mozilla seems does not work alignment.

.mybox{
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-align : left;
color : #666666;
border:2px solid #000000;
height:22px;
margin-left:10px;
}

It has height:22px; but Mozilla will not detect to be input text within search area in the middle position (vertical).

How to solve thi issue as padding will not work.

holyhttp

9:16 pm on Apr 23, 2009 (gmt 0)

10+ Year Member



The vertical alignment is mainly influenced by the height of the direct parent container.
If you cannot set that height then I suggest using the top and bottom margins to compensate.

Can you show a little bit of HTML markup where that input box is placed?

toplisek

6:37 am on Apr 24, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



this is the only specification. Sorry. I heard to use vertical-top align always and NEVER height in input but line-height to work in all browsers. There are many other browsers NOT only IE and Mozilla.

swa66

1:36 pm on Apr 24, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The reason to ask for a short anonymous snippet of html is to determine if this is applied to a block or an inline element ...

toplisek

1:44 pm on Apr 24, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



What is definition of block and an inline element