ilgilendiğiniz için teşekkürler.Dediklerinizi yaptım şimdi problem düzelir gibi oldu. onu sayfaya koyunca problem tekrar karşıma çıktı.
http://www.tunaguvenlik.com/formhatasi.jpg
Anlamadığım ve çözemediğim konu
form objelerinin ie ve
Firefox'da farlı gözükmemesi için gereken
CSS kodu nedir?
Sayfadaki gerekli kodları veriyorum
form CSS:
Kod:
#txpCommentInputForm INPUT {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 3px; BACKGROUND: #333333 no-repeat right top; PADDING-BOTTOM: 3px; font: 12px Verdana, sans-serif; BORDER-LEFT: #666 1px solid; WIDTH: 448px; COLOR: #ccc; PADDING-TOP: 3px; BORDER-BOTTOM: #666 1px solid
}
#txpCommentInputForm INPUT:unknown {
BACKGROUND-COLOR: #000}
#txpCommentInputForm TEXTAREA:unknown {
BACKGROUND-COLOR: #000
}
#txpCommentInputForm INPUT.button {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #111; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; font: bold 11px Arial, sans-serif; TEXT-TRANSFORM: uppercase; WIDTH: auto; CURSOR: pointer; COLOR: #fc3; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#txpCommentInputForm INPUT.button:hover {
COLOR: #fff
}
#txpCommentInputForm TEXTAREA {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 3px; BACKGROUND: #333333 no-repeat right top; PADDING-BOTTOM: 3px; font: 12px Verdana, sans-serif; OVERFLOW: auto; BORDER-LEFT: #666 1px solid; WIDTH: 448px; COLOR: #ddd; PADDING-TOP: 3px; BORDER-BOTTOM: #666 1px solid; HEIGHT: 200px
}
P#txpCommentInputForm {
LETTER-SPACING: 3px; TEXT-ALIGN: center
}
form HTML:
Kod:
<div id="degisenicerik">
<div class="altkutu">
<div class="altpaket">
iletişim Formu:<br /><br /><br />
<form id=txpCommentInputForm action=/contact/ method=post>
<LABEL for=Name>İsim:</LABEL>
<BR><INPUT id=Name maxLength=100
name=Name><BR><BR>
<LABEL for=Email>Eposta:</LABEL>
<BR><INPUT id=Email maxLength=100
name=Email><BR><BR>
<LABEL for=Message>Mesaj:</LABEL>
<BR><TEXTAREA id=Message name=Message rows=6 cols=50></TEXTAREA><BR><BR>
<INPUT type=hidden value=3a37104326cc0a368a5ce6079bfef9af
name=zem_contact_nonce><INPUT class=button type=submit value="Send Email" name=zem_contact_submit> </form>
</div>
</div>
</div>
CSS ler:
Kod:
#degisenicerik {
float:left;
width:802px;
background-image:url(images/cerceveBG.gif);
background-repeat:repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006699;
}
.altpaket{float:left; background-color:#bfce00; width:760px; padding-bottom:20px;}
.altkutu{
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}
Kod:
body { margin:0; text-align:center; font-size:100%; background-color:#f4f2f3; background-image:url(images/bg.gif); background-repeat:repeat-x; }
#layout { width:802px; height:auto; margin:0px auto 0px auto; text-align:left; background:transparent; }
@media print {#layout{ margin:0px auto 0px auto; }}