View Single Post
Sponsorlu Bağlantılar
Zoque.Forum
Advertisement
Old 24.09.2006   #4 (permalink)
ozzgur
 
Üyelik Tarihi: 24.06.2006
Yer: ankara
Yaş: 27
Mesaj: 13
Re: firefox ve ie'de farklı görünen sayfa problemi

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; }}
ozzgur şu an çevrimdışı   Mesajdan alıntı yaparak yeni bir cevap ekleyin