PDA

View Full Version : input type height in css


fattat
05-26-2009, 04:10 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<style type="text/css">
body{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#999;
}
div,img, p{
margin:0; padding:0;
}
ul{
padding::0;
margin:0;
list-style-type:none;
font-size:0;
line-height:0;
}
/*-------------main-------------*/
/*-------------top--------------*/
#top{
padding:0;
margin:0 auto;
width:1022px;
border-left:dashed #999 1px;
border-right:dashed #999 1px;
background-color:#666;
height:40px;
}
#top label{
display:block;
width:250px;
height:21px;
float:right;
margin:10px 0 0 0;
}
#top input.searchfield{
display:block;
width:160px;
float:left;
height:19px;
font:11px /19px Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<!---------------top---------------->
<div id="top">
<label>
<input type="text" name="name" value=" - Enter Keyword - " class="searchfield"/>
</label>
</div>
<!--------------end top------------->
</body>
</html>




hi,
i try to set my input type height to 19px,
but when it open in browser, the height of input type change to be bigger
is that i write the wrong code??
http://img43.imageshack.us/img43/3012/picture7l.png (http://img43.imageshack.us/my.php?image=picture7l.png)


open in browser
http://img38.imageshack.us/img38/9580/picture8y.png (http://img38.imageshack.us/my.php?image=picture8y.png)

fattat
05-27-2009, 05:24 PM
nobody answer my question??

Cary
05-28-2009, 04:40 AM
Your type size looks the same to me in DW, IE8, FF3 and your two pictures.

fattat
05-28-2009, 06:18 AM
Your type size looks the same to me in DW, IE8, FF3 and your two pictures.


the top and bottom of word "-enter keyword" in IE is bigger than in dreamweaver

d a v e
05-28-2009, 02:18 PM
the top and bottom of word "-enter keyword" in IE is bigger than in dreamweaver
so? dw is only a guide - you need to concentrate on how it looks in browser. no one is viewing your site in dw (well except maybe the likes of us :)

domedia
05-28-2009, 02:48 PM
Who cares what it looks like in DW? :)

fattat
05-29-2009, 01:33 AM
Who cares what it looks like in DW? :)


haha,
now i am care the look in browser ..not in dreamweaver..