הנה, רק התחלתי את האתר, וכבר FF משתולל.
שימו לב לקטע הבא, אני אשמח אם מישהו יוכל למצוא מה גורם לIE להציג אותו יפה ולFF לנפץ את העיצוב.
CSS:
קוד:
input
{
height:16;
background-image:url(inputBack.gif);
font-size:12;
font-family:tahoma;
}
TEXTAREA {
background-image:url(inputBack.gif);
border: 1px solid #e1d9d9;
}
#main
{
width:962px;
height:100%;
border: 1px solid #dbcece;
margin:0px auto;
background-color:#fafafa;
font-family:tahoma;
}
#article_block
{
width:300px;
height:212px;
border: 1px solid #dbcece;
background-color:#f6f6f6;
padding:10px;
margin:10px;
float:left;
font-size:14;
}
#loginstrip
{
width:960px;
height:42px;
padding-left:40px;
padding-right:30px;
padding-top:10px;
padding-bottom:10px;
background-image:url("loginstrip.jpg");
color:white;
font-family:tahoma;
font-size:13;
}
HTML:
קוד:
<link rel="stylesheet" type="text/css" href="style.css" />
<div id="main">
<img src="Logo.jpg">
<BR>
<div id="loginstrip"><div align="left" style="float:left;">Hello Guest! Welcome to X!</div><div align="right">Login: <input type="text"> Password: <input type="password"> <input type="button" value="Login" style="height:17px;"></div></div>
<div id="article_block">TEST</div>
<div id="article_block">TEST</div>
<div id="article_block">TEST</div>
</div>
מה לא בסדר שם?