Firefoxa göre css - 2. Sayfa

kubilayk · 14.07.2006

Merhaba,

CSS kodunda bir kaç düzenleme yaptım umarım işini görür. Bu şekilde hem IE'de hem de Firefox'da sorunsuz ve aynı şekilde çalışıyor.

PHP Code:


			
<!-- CSS Kodu-->



#grikutu {

width:auto;

height:100%;

margin:0px;

padding:10px;

border:1px solid #d1d3be;

background-color:#eaebee;

} 



#grikutu1{

display:table;

float:left; 

width:500px; 

height:400px; 

padding:3px;

border:1px solid #d1d3be;

background-color:#ffffff;

} 



#grikutu1_{

display:table-cell;

width:100%; 

height:100%;

padding:10px;

border:1px solid #e6e7da;

background-color:#F4F4ED;

} 



#grikutu2{

display:table;

float: left; 

width:205px; 

height:400px; 

margin-left: 10px; 

padding:3px;

border:1px solid #d1d3be;

background-color:#ffffff;

} 



#grikutu2_{ 

display:table-cell;

width:100%; 

height:100%; 

padding:10px;

border:1px solid #e6e7da;

background-color:#f4f4f6;

}

Çalışmalarında başarılar...

tesera · 14.07.2006

Emeğine sağlık teşekkür ederim.
Hemen deneyeceğim yarın sonucu yazarım.

tesera · 14.07.2006

Alıntı:

#grikutu {
width:auto;
height:100%;
margin:0px;
padding:10px;
border:1px solid #d1d3be;
background-color:#eaebee;
}

Burada bir problem var yükseklik boyutu büyümüyor.

kubilayk · 14.07.2006

anlamadım tam olarak nereyi değiştirmek istiyorsun ?

tesera · 15.07.2006

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Sayfanın üstüne bunu ekleyince yazdığınız CSS kodu da bozuk gözüküyor.

panteray_2005 · 15.07.2006

Bu konu hakkında bir yazı yazmıştım.Belki işine yarayabilir...

http://panteray.com/blog/index.asp?o...g_detay&id=111

KaanF · 29.03.2008

Witkey, verdiğin kodu kullandım gayet güzel çalışıyor. Teşekkürler.

Vincent · 29.03.2008

Fark aslında şundan kaynaklanıyor: width:100% dedikten sonra yazdığınız margin, padding değerleri dıştaki divler taşmasina yol açıyor IE7 ve Firefox'ta olduğu gibi (hatti altta scrollbar cikiyor bu yuzden). IE6 ise divler taşmasın diye genişletme yapıyor. Bu durumda hem IE7 hem Firefox ( hem opera ) icin farklı kod yazmaktansa sadece IE6 ya yönelik conditinal comment kulanmak mumkün. Ama zaten çok karmaşık bir yapı yok, o yuzden hepsinde çalışacak ortak kod yazmak daha iyi olur:

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" XML:lang="en">
<head>
	<title>Untitled Page</title>
	<style type="text/CSS" media="screen">
*{
	margin:0;
	padding:0;
}

.clear{
clear:both;
background-color: #333;
}

#grikutu{
border: #d1d3be 1px solid;
padding: 10px;
background: #eaebee;
}

#grikutu1{
float: left;
border: #d1d3be 1px solid;
width:500px;
background: #ffffff;
margin-right: 10px;
}

#grikutu1_{
padding: 10px;
margin: 3px;
border: #e6e7da 1px solid;
height:372px;
background: #F4F4ED;
}

#grikutu2{
float:left;
border: #d1d3be 1px solid;
width:205px;
background: #ffffff;
}

#grikutu2_{
padding: 10px;
margin: 3px;
border: #e6e7da 1px solid;
height:372px;
background: #f4f4f6
} 
	</style>
</head>
<body>
<div id="grikutu">
	<div id="grikutu1">
		<div id="grikutu1_">
		Veriler..
		</div>
	</div>
	<div id="grikutu2">
		<div id="grikutu2_">
		Veriler..
		</div>
	</div>
	<div class="clear"></div>
</div>
</body>  
</HTML>

#grikutu divinin height:100%ile sayfayi kaplamasi icin:

Kod:

HTML,body {height:100%;}

Coder32 · 29.03.2008

Ya arkadaşlar CSS'de tarayıcı sıkıntısını hep yaşıyoruz.

Şöyle internet Explorer ile Firefox'un CSS uyuşmazlıklarının listelendiği bir web adresi yokmudur?

Bilen varmı?

fatihturan · 29.03.2008

Alıntı:

Coder32 tarafından gönderilen mesaj:

Ya arkadaşlar CSS'de tarayıcı sıkıntısını hep yaşıyoruz.

Şöyle internet Explorer ile Firefox'un CSS uyuşmazlıklarının listelendiği bir web adresi yokmudur?

Bilen varmı?

Evet burada var.

14.07.2006	#11 (permalink)
kubilayk Üyelik Tarihi: 14.07.2006 Yer: Ankara Mesaj: 38	Re: Firefoxa göre css Merhaba, CSS kodunda bir kaç düzenleme yaptım umarım işini görür. Bu şekilde hem IE'de hem de Firefox'da sorunsuz ve aynı şekilde çalışıyor. PHP Code: <!-- CSS Kodu--> #grikutu { width:auto; height:100%; margin:0px; padding:10px; border:1px solid #d1d3be; background-color:#eaebee; } #grikutu1{ display:table; float:left; width:500px; height:400px; padding:3px; border:1px solid #d1d3be; background-color:#ffffff; } #grikutu1_{ display:table-cell; width:100%; height:100%; padding:10px; border:1px solid #e6e7da; background-color:#F4F4ED; } #grikutu2{ display:table; float: left; width:205px; height:400px; margin-left: 10px; padding:3px; border:1px solid #d1d3be; background-color:#ffffff; } #grikutu2_{ display:table-cell; width:100%; height:100%; padding:10px; border:1px solid #e6e7da; background-color:#f4f4f6; } Çalışmalarında başarılar... Mesaj kubilayk tarafından 02.10.2006 (13:42) yeniden düzenlendi..

14.07.2006	#12 (permalink)
tesera Üyelik Tarihi: 21.04.2006 Yer: İstanbul Yaş: 28 Mesaj: 394 Görsel: 28	Re: Firefoxa göre css Emeğine sağlık teşekkür ederim. Hemen deneyeceğim yarın sonucu yazarım. __________________ Savaş çıkınca, ilk ölen gerçektir. Tesera Fotograf Sergisi

14.07.2006	#14 (permalink)
kubilayk Üyelik Tarihi: 14.07.2006 Yer: Ankara Mesaj: 38	Re: Firefoxa göre css anlamadım tam olarak nereyi değiştirmek istiyorsun ?

15.07.2006	#15 (permalink)
tesera Üyelik Tarihi: 21.04.2006 Yer: İstanbul Yaş: 28 Mesaj: 394 Görsel: 28	Re: Firefoxa göre css <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Sayfanın üstüne bunu ekleyince yazdığınız CSS kodu da bozuk gözüküyor. __________________ Savaş çıkınca, ilk ölen gerçektir. Tesera Fotograf Sergisi

15.07.2006	#16 (permalink)
panteray_2005 Üyelik Tarihi: 25.05.2006 Yer: İzmir Yaş: 20 Mesaj: 43	Re: Firefoxa göre css Bu konu hakkında bir yazı yazmıştım.Belki işine yarayabilir... http://panteray.com/blog/index.asp?o...g_detay&id=111 __________________ www.panteray.com Online Blog Site v2 ; panteray.com/blog (Ayın sitelerine aday olun !)

29.03.2008	#17 (permalink)
KaanF Üyelik Tarihi: 23.08.2007 Yer: Ankara Yaş: 22 Mesaj: 28	Re: Firefoxa göre css Witkey, verdiğin kodu kullandım gayet güzel çalışıyor. Teşekkürler. __________________ işte benim bittiğim an bu andır kaan fakılı'nın güncesi

29.03.2008	#19 (permalink)
Coder32 Üyelik Tarihi: 08.03.2004 Yer: Ankara Yaş: 26 Mesaj: 11	Re: Firefoxa göre css Ya arkadaşlar CSS'de tarayıcı sıkıntısını hep yaşıyoruz. Şöyle internet Explorer ile Firefox'un CSS uyuşmazlıklarının listelendiği bir web adresi yokmudur? Bilen varmı? __________________ Bilgi Güçtür!