Hi;

I am going to design the forms of my application using css2. But unfortunately I may not set the width of text boxes (input tags) & also combo boxes (select tags) exactly. They would be a little thiner or wider than the specified size.

I should mention that the Document Type of my page is XHTML 1.0 Traditional. If I omit the Doctype note from the top of my page, then the whole controls would be as the desired size.

 

<!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>

<title>Sample</title>

<style type="text/css">

input, select

{

width: 150px;

}

</style>

</head>

<body>

 

<input type="text" />

<select>

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

</select>

 

</body>

</html>

Do you mean when you set them to 150px they're not exactly 150px? Have you tried reseting the margin and padding?

 

<style type="text/css">

input, select {
margin: 0; padding: 0; width: 150px;}

</style>