højde problem
Nogle som ved hvordan jeg laver det, således at højden i divén passer? Hvis jeg skriver tekst istedet for input felt ser det fint ud. Det ser også fint ud i mozilla.<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>New Page 1</title>
<style type="text/css">
.container{width: 530px;}
.dummy-main-left{
background-color: #F0F0F0;
width: 125px;
text-align: right;
color: #000;
float: left;
line-height: 30px;
}
.dummy-main-right{
background-color: #F0F0F0;
width: 405px;
color: #000;
float: right;
line-height: 30px;
}
.dummy-hr{
background-image: url('images/dummy-hr.gif');
background-repeat: repeat-x;
background-color: #F0F0F0;
height: 2px;
font-size: 0px;
width: 530px;
line-height: 2px;
}
.dummy-form-textbox{
background-image: url('images/dummy-form-bg.gif');
background-repeat: repeat-x;
border: 1px solid #7F9DB9;
font-size: 10px;
height: 16px;
clear: inherit;
}
</style>
</head>
<body>
<div class="container">
<div class="dummy-main-left">Brugernavn</div>
<div class="dummy-main-right"><dd><input type="text" style="width: 150px;" class="dummy-form-textbox"></dd></div>
<div class="dummy-hr"></div>
</div>
</body>
</html>
