| Konuyu görüntüle |
| Yazar |
|
omergok
kenderuntanbul
Kayıt: 21.02.2007 |
|
CSS ile sayfanın ana divini ortalamaya çalışıyorum ama bir türlü beceremedim. Hem yataydan hem dikeyden bu divi nasıl ortalayabilirim?
|
|
|
| Yazar |
|
ogencay
Istanbul
banlandı
Kayıt: 02.03.2006 |
|
http://www.maxdesign.com.au/presentation/center/
There`s No Place Like 127.0.0.1
|
|
|
| Yazar |
|
aliolci
en dipten taa derind
Kayıt: 19.01.2006 |
|
style="margin-right:auto; margin-left:auto; text-align:center; vetical-align:middle"
Cant you see the writing on the wall?
"die young gonna die young"
So! Live for today
Tomorrow never comes..
|
|
|
| Yazar |
|
omergok
kenderuntanbul
Kayıt: 21.02.2007 |
|
bahsettiğim tam olarak bunlar değildi ama sağolun yine de. olci senin düşündüğün vertical-align olayını zaten denedim ama işe yaramadı. vertical-align:middle dediğimde sayfadaki içeriğin tüm uzunluğun ortasını alıp yerleştirme yapıyor. ama istediğim o değil tam olarak. margin-top/bottom özelliğine değer vermeden dikey olarak da ortalama yapmak istiyorum.
x x x
x o x
x x x
"o" yazdığım yere div gelecek
|
|
|
| Yazar |
|
aliprinter
İstanbul
Kayıt: 12.02.2006 |
|
body { text-align:center; }
#ortala { position:relative; width:50%; top:50%; height:4em; margin-top:-2em; background: yellow; display:table-cell; vertical-align:middle; }
<div id="ortala">
<p>Ortala beni...</p>
</div>
Body içinde ortalama malesef sadece IE'da çalıştı. Buna karşılık div içi ortalamaya yaraması gereken display:table-cell; vertical-align:middle; kısmı da firefox da çalıştı IE'da çalışmadı. Yani browserlar arasındaki karşılıklarını bulabilirsen bişeyler çıkacak gibi...
Not olarak ekleyim; div yüksekliğini önceden belirlemen ve sabit olması gerekli. margin-top=-1 * (height/2) olmak zorunda.
|
|
|
| Yazar |
|
aliprinter
İstanbul
Kayıt: 12.02.2006 |
|
http://exanimo.com/examples/css/vertical-centering-with-a-floated-shim.html
IE5-7 & Mozilla & Safari & Opera'da çalışıyormuş.
div#blueBox katmanında height ve top değerleri için önceki söylediğim şeyler yine geçerli.
|
|
|
|
|
-
 Del.icio.us
-
 Digg
-
 Facebook
-
 Furl
-
 Google
-
 Blink
-
 Simpy
-
 Spurl
-
 Y! MyWeb
|
|
| | | | | |
