Jump to content

Text Is Not Align Vertical-middle: When Text Resized (ie)


savanth
 Share

Recommended Posts

hi,using em to resize the text using View > Text Resize > Largest/Smallest etc in IE. The text inside the textbox is not vertically-middle aligned, when text resized (view>text tesize>largest/smallest etc in ie). em unit has been used for font-size. Every time need to refresh to align verticaly middle.tiaCode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title><style type="text/css">BODY {	font-family:Arial,Helvetica,sans-serif;	margin:0px;	padding-bottom:0px;	padding-left:0px;	padding-right:0px;	padding-top:0px;	}.cbody {	font-family:Arial,Helvetica,sans-serif;	font-size:100%;	font-style:normal;	font-weight:normal;	margin-top:0;	margin-left:0;	margin-bottom:0;	margin-right:0;	}.textlabel {	font-family:Arial,Helvetica,sans-serif;	font-size:0.710em;	font-style:normal;	font-weight:bold;	padding-left:8px;	padding-right:3px;	width:20%;	text-decoration:none;	vertical-align:top;	padding-top:2px;	}.textfield {	font-family:Arial,Helvetica,sans-serif;	padding-left: 0px;	padding-top: 0px;	padding-bottom: 0px;	width: 29%;	font-weight: normal;	vertical-align: top;	}.textfieldfont{	font-family:Arial,Helvetica,sans-serif;	font-size:0.75em;	font-style:normal;	font-weight:normal;	width: 218px;	margin-bottom:1px;	text-transform:uppercase;	border-right: #7F9DB9 1pt solid;	border-top: #7F9DB9 1pt solid;	border-bottom: #7F9DB9 1pt solid;	border-left: #7F9DB9 1pt solid;	}.innertable{	background-color:#FFFFFF;	border:1px solid #898E92;	}TABLE {	font-family:Arial,Helvetica,sans-serif;	vertical-align:top;	}.table {	background-color:#DBE4F5;	padding-right: 3px;	padding-left: 3px;	padding-bottom: 3px;	padding-top: 3px;	border: 1px solid #898E92;	}.amttxtField {	font-family:Arial,Helvetica,sans-serif;	font-size:0.75em;	font-style:normal;	font-weight:normal;	text-decoration:none;	text-align:right;	width:218px;	padding:0px;	border-right:#7F9DB9 1pt solid;	border-top:#7F9DB9 1pt solid;	border-bottom:#7F9DB9 1pt solid;	border-left:#7F9DB9 1pt solid;	height:20px;	}.listboxfont{	font-family:Arial,Helvetica,sans-serif;	font-size :.75em;	font-style: normal;	font-weight: normal;	width: 218px;	text-transform:none;	margin-bottom: 2px;	border-right: #7F9DB9 1pt solid;	border-top: #7F9DB9 1pt solid;	border-bottom: #7F9DB9 1pt solid;	border-left: #7F9DB9 1pt solid;	}</style></head><body leftmargin="0" topmargin="0" rightmargin="0"><form name="frm1"><br /><table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">	<tr>		<td>			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="innertable">				<tr>					<td>						<table width="100%" border="0" cellspacing="0" cellpadding="0">							<tr>							<td class="textlabel">Field Name 1</td>							<td class="textfield">							<input name="text1" type="text" class="textfieldfont" maxlength="40"  value="Nokia N73 T P W Q O g ">							</td>							<td class="textlabel">Amt. 1</td>							<td class="textfield">							<input name="text2" type="text" class="amttxtField" size="17" value="12345678901234.56" maxlength="17" >							</td>							</tr>							<tr>							<td class="textlabel">Field Name 2</td>							<td class="textfield">							<input name="text1" type="text" class="textfieldfont" maxlength="40"  value="Nokia N73 T P W Q O g ">							</td>							<td class="textlabel">Amt. 2</td>							<td class="textfield">							<input name="text2" type="text" class="amttxtField" size="17" value="12345678901234.56" maxlength="17" >							</td>							</tr>							<tr>							<td class="textlabel">Field Name 3</td>							<td class="textfield">							<input name="text1" type="text" class="textfieldfont" maxlength="40"  value="Nokia N73 T P W Q O g ">							</td>							<td class="textlabel">Amt. 3</td>							<td class="textfield">							<input name="text2" type="text" class="amttxtField" size="17" value="12345678901234.56" maxlength="17" >							</td>							</tr>							<tr>							<td class="textlabel">Select 1</td>							<td class="textfield">							<select name="a969" class="listboxfont">							<option selected>----Select----</option>							<option>Jan</option>							<option>Feb</option>							</select>							</td>							<td class="textlabel">Select 2</td>							<td class="textfield">							<select name="a969" class="listboxfont">							<option selected>----Select----</option>							<option>Mon</option>							<option>Tue</option>							</select>							</td>							</tr>						</table>					</td>				</tr>			</table>		</td>	</tr></table></form></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...