Здрасти,
използвам XHTML Strict и CSS, за направата на един сайт. Ето малко CSS:
А, това е кода, за формуляра:
Проблема е, че IE, и Опера, показват текстовото поле, нормално, с височина 18 пиксела, както съм задал, чрез CSS кода, а Лисицата, го показва с височина 18рх + 2рх. Тези два пиксела, явно компенсират border-а. Като махна XHTML декларацията, се оправя това нещо, и Лисицата си го показва, както другите браузъри. Имате ли идея, как може да бъде оправено това, без да се маха декларацията?
EDIT
Като задам border 0, полето се показва с зададената височина 18px, и аз опитах, да направя бекграунд на полето, в което да си има border, обаче тогава проблема е, че текста се качва върху самия border, и стои ужасно. Обаче, ако задам padding, пак има проблем с Лисицата, защото пак увеличава големината... Абе ужас... Моля, помагайте, ако можете!
използвам XHTML Strict и CSS, за направата на един сайт. Ето малко CSS:
Код:
.field {
margin : 9px 3px 0 3px;
width : 120px;
height : 18px;
float : left;
color : #666;
background-image : url(./bg.gif);
background-repeat : repeat;
font-family : Verdana, Helvetica, sans-serif;
font-size : 12px;
border : 1px solid #aaa;
}
А, това е кода, за формуляра:
Код:
<?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="bg" xml:lang="bg" 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="diva">
<div id="left">
<div id="nav">
...NAV LINKS HERE...
</div>
</div>
<div id="right">
<div id="txt">
...TEXT...TEXT...TEXT...TEXT....
<div id="form">
<form action="login.php" method="post" id="form1">
<p><br /><input type="text" name="name" id="name" value="user" class="field" title="" /> <input type="pass" name="pass" id="pass" value="password" class="field" title="" /> <input type="submit" value="Enter" class="btn" title="" /></p>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
Проблема е, че IE, и Опера, показват текстовото поле, нормално, с височина 18 пиксела, както съм задал, чрез CSS кода, а Лисицата, го показва с височина 18рх + 2рх. Тези два пиксела, явно компенсират border-а. Като махна XHTML декларацията, се оправя това нещо, и Лисицата си го показва, както другите браузъри. Имате ли идея, как може да бъде оправено това, без да се маха декларацията?
EDIT
Като задам border 0, полето се показва с зададената височина 18px, и аз опитах, да направя бекграунд на полето, в което да си има border, обаче тогава проблема е, че текста се качва върху самия border, и стои ужасно. Обаче, ако задам padding, пак има проблем с Лисицата, защото пак увеличава големината... Абе ужас... Моля, помагайте, ако можете!