i use XHTML Strict and CSS, making one site. Here's some CSS code :
CODE
.LoginFromField {
margin : 9px 3px 0 3px;
width : 120px;
height : 18px;
float : left;
color : #666;
background-image : url(./FormFieldDefaultBg.gif);
background-repeat : repeat;
font-family : Verdana, Helvetica, sans-serif;
font-size : 12px;
border : 1px solid #aaa;
}
margin : 9px 3px 0 3px;
width : 120px;
height : 18px;
float : left;
color : #666;
background-image : url(./FormFieldDefaultBg.gif);
background-repeat : repeat;
font-family : Verdana, Helvetica, sans-serif;
font-size : 12px;
border : 1px solid #aaa;
}
XHTML code:
CODE
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>...TITLE HERE...</title>
<style type="text/css" media="all">@import "./style.css";</style>
</head>
<body>
<div id="PrimalDiv">
<div id="LeftCell">
<div id="NavigationMenuDiv">
...NAV LINKS HERE...
</div>
</div>
<div id="RightCell">
<div id="ContentsDiv">
...TEXT...TEXT...TEXT...TEXT....
<br />
<br />
<div id="SmallFormDiv">
<form action="login.php" method="post" id="LoginForm">
<p><br /><input type="text" name="Name" id="Name" value="User" class="LoginFromField" title="" /> <input type="password" name="Password" id="Password" value="Password" class="LoginFromField" title="" /> <input type="submit" value="Enter" class="LoginFromButton" title="" /></p>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>...TITLE HERE...</title>
<style type="text/css" media="all">@import "./style.css";</style>
</head>
<body>
<div id="PrimalDiv">
<div id="LeftCell">
<div id="NavigationMenuDiv">
...NAV LINKS HERE...
</div>
</div>
<div id="RightCell">
<div id="ContentsDiv">
...TEXT...TEXT...TEXT...TEXT....
<br />
<br />
<div id="SmallFormDiv">
<form action="login.php" method="post" id="LoginForm">
<p><br /><input type="text" name="Name" id="Name" value="User" class="LoginFromField" title="" /> <input type="password" name="Password" id="Password" value="Password" class="LoginFromField" title="" /> <input type="submit" value="Enter" class="LoginFromButton" title="" /></p>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
With IE and Opera everything is fine, but FF makes the height of input field's, 18px(as defined in CSS code) + 2px(top and bottom border). When i delete the XHTML declaration, FF shows it like IE does. Do you have any suggestions, how can i fix that?
Sorry if i have mistakes, but english isn't my native language, i am still a learner.
