sayfayı yatay ve dikey olarak ortalamak

isemba · 17.05.2006

Merhaba,
div kullanarak yaptığım bir siteyi yatay ve dikey olarak ortalamak istiyorum, fikri veya bilgisi olan var mı?

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
<title>Untitled Document</title>
<style type="text/CSS">
<!--
#kutu {
	height: 200px;
	width: 200px;
	margin-top: auto;
	background-color: #FF0000;
}
HTML, body {
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #333333;
}
-->
</style>
</head>

<body>
<div id="kutu">d</div>
</body>
</HTML>

blurise · 17.05.2006

Seç beğen al..

ZuLuuuuuu · 17.05.2006

Bu arada blurise'ın yolladığı siteyi okuyunca insan web standartlarında bir div'in içeriğinin dikey olarak normal yollardan ortalanamadığını görüyor ki çok büyük bir eksiklik ne yazık ki. Yukarıdaki sitedeki yöntemleri karışık sayfalara uygulamaya çalışmaktansa tablo kullanmak çok daha temiz bir yöntem hem böylece dökümanlarınızın boyutları da daha küçük olacaktır.

fatihturan · 17.05.2006

Buradaki örneği uygulamanı tavsiye ederim. Bu örnek bir önceki arkadaşın verdiği örnekden daha basit.

isemba · 17.05.2006

Yatayda ortalama konusunda bi sorun yok aslında ama dikey ortalanmıyor...

isemba · 17.05.2006

" <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
<tr>
<td align="center" valign="middle" width="100%" height="100%"> " eski yöntemlerle çözebildim sadece...

isemba · 17.05.2006

tabi bununda sağlıklı çalışması için HTML ve body nin width ve heigth inide %100 vermek gerekiyor...

sahip · 17.05.2006

Yaptım

Alıntı:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
<title>Untitled Document</title>
<style type="text/CSS">

</style>
</head>

<body>
<div id="kutu">
<div id="kutu2">
d

</div>
</div>
</body>
</HTML>

ie de çalışıyor, Firefox da denedim sağ tarafta fazla boşuk kalıyor.

17.05.2006

Table ile kolayca yapılabilecek birşeyi div ile yapmak için zaman harcamak bana mantıklı gelmiyor. Ben de yaptığım sitelerde div kullanıyorum ama bu sayfa ortalama olayını hep table ile yapıyorum ve http://validator.w3.org "This Page Is Valid HTML 4.01 Transitional!" sonucunu veriyor.

kullandığım kodlar:

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/CSS">
body, HTML,table { padding:0px; margin:0px; height:100%;}
div { width:300px; height:200px; background:blue; }
</style>
</head>

<body>

<table width="100%" border="0">
	<tr>
		<td valign="middle">
			<center><div></div></center>
		</td>
	</tr>
</table>

</body>
</HTML>

Dhilgul · 17.05.2006

div kullanmak her ne kadar pratik ve işlevsel olsa da henüz büyüme evresinde daha.

Şimdilik tek hücreli bir table en sağlam çözüm bence de..

17.05.2006	#2 (permalink)
blurise Üyelik Tarihi: 05.12.2003 Yer: İstanbul Mesaj: 899	Re: sayfayı yatay ve dikey olarak ortalamak Seç beğen al.. __________________ Günce; Zübeyr Dereli; PGP Public Key;

17.05.2006	#3 (permalink)
ZuLuuuuuu Üyelik Tarihi: 28.05.2001 Yer: İzmir/Ankara Yaş: 23 Mesaj: 766	Re: sayfayı yatay ve dikey olarak ortalamak Bu arada blurise'ın yolladığı siteyi okuyunca insan web standartlarında bir div'in içeriğinin dikey olarak normal yollardan ortalanamadığını görüyor ki çok büyük bir eksiklik ne yazık ki. Yukarıdaki sitedeki yöntemleri karışık sayfalara uygulamaya çalışmaktansa tablo kullanmak çok daha temiz bir yöntem hem böylece dökümanlarınızın boyutları da daha küçük olacaktır. __________________ http://www.sineyorum.net - Hacettepe Robot Topluluğu

17.05.2006	#4 (permalink)
fatihturan Üyelik Tarihi: 22.10.2005 Yer: Rize Yaş: 24 Mesaj: 348 Görsel: 3	Re: sayfayı yatay ve dikey olarak ortalamak Buradaki örneği uygulamanı tavsiye ederim. Bu örnek bir önceki arkadaşın verdiği örnekden daha basit. __________________ fatihturan \| sinemalardan \| twitter \| friendfeed \| flickr \| lastfm \| ma.gnolia \| digg \| linkedin

17.05.2006	#5 (permalink)
isemba Üyelik Tarihi: 21.07.2004 Yer: istanbul Yaş: 24 Mesaj: 24	Re: sayfayı yatay ve dikey olarak ortalamak Yatayda ortalama konusunda bi sorun yok aslında ama dikey ortalanmıyor...

17.05.2006	#6 (permalink)
isemba Üyelik Tarihi: 21.07.2004 Yer: istanbul Yaş: 24 Mesaj: 24	Re: sayfayı yatay ve dikey olarak ortalamak " <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"> <tr> <td align="center" valign="middle" width="100%" height="100%"> " eski yöntemlerle çözebildim sadece...

17.05.2006	#7 (permalink)
isemba Üyelik Tarihi: 21.07.2004 Yer: istanbul Yaş: 24 Mesaj: 24	Re: sayfayı yatay ve dikey olarak ortalamak tabi bununda sağlıklı çalışması için HTML ve body nin width ve heigth inide %100 vermek gerekiyor...

17.05.2006	#10 (permalink)
Dhilgul Üyelik Tarihi: 05.05.2006 Yer: Kocaeli & İstanbul Yaş: 21 Mesaj: 384	Re: sayfayı yatay ve dikey olarak ortalamak div kullanmak her ne kadar pratik ve işlevsel olsa da henüz büyüme evresinde daha. Şimdilik tek hücreli bir table en sağlam çözüm bence de.. Mesaj Dhilgul tarafından 18.05.2006 (19:23) yeniden düzenlendi.

Sponsorlu Bağlantılar
Zoque.Forum Reklam