Hi, i use XHTML Strict and CSS, making one site. Here's some CSS 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;}
XHTML code: <?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://forums.xisto.com/no_longer_exists/ lang="en" xml:lang="en" xmlns="http://forums.xisto.com/no_longer_exists/ 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.