




İe İle Mozilla Arasında Uçurum Yaratan Ufak Bi Css Dosyası
-
pek sevgili müridler, altta verdiğim ufak bi formun styeı, şöyle bir sorunum var bu style ile yapılan form iede sola dayalı ve yazı renkleri farklı cıkıyor, mozilla da ise tamamen iyi
cssdeki farkları bilenler bi el atarsa neleri değiştirecegimi söylerse cok sevinirim
#container {
margin: auto;
width: 450px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #144E56;
border-right-color: #144E56;
border-bottom-color: #144E56;
border-left-color: #144E56;
background-color: #222222;
}
#container #header #header_left {
float: left;
background-image: url(images/header_left.gif);
background-repeat: no-repeat;
height: 42px;
width: 45px;
}
#container #header #header_right {
background-image: url(images/header_right.gif);
background-repeat: no-repeat;
height: 42px;
width: 6px;
float: right;
}
body {
padding-top: 30px;
background-color: #144E56;
}
#container #content {
padding: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
}
#container #footer {
clear:both;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: right;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-top-color: #999999;
border-right-color: #000033;
border-bottom-color: #000033;
border-left-color: #000033;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 5px;
}
#container #footer a {
color: #999999;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#container #header #header_main {
float: left;
padding: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#container #header {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(images/header_bg.gif);
background-repeat: repeat-x;
height: 42px;
}
#navigation {
width:400px;
margin:0px auto;
}
#navigation a {
text-decoration:none;
}
#nleft {
width:100px;
color: #FFFFFF;
float:left;
} -
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css">
şunu ekle bakalım dosyana
-
@Buremba
bi açıklama yaparmısın ekle demişsn ama
-
css reset dosyası bu. tarayıcı farklığından doğan bozuklukları büyük ölçüde azaltır
-
hayır pek bir şey farketmedi hocam