| |
19/12/2007, 01:55
| #1 (permalink) |
| Üye Üyelik Tarihi: 01/2006
Mesaj: 201
|  position absolute ile div i js ile sayfada ortalatmak
merhaba. position absoulte ile yerini belirlemem gereken bir div i o anki browserin yatay boyutuna göre nasıl ortalayabilirim ayrıca eğer kullanıcı browserın boyutuyla oynarsa yine aynı şekilde div sayfayı ortalasın: Not: Bu konunun JS ile ilgili olduğu kanaatinde olduğum için bu bölüme girdim her ne kadar tasarım ile alakalı olduğu gözükse bile. |
|  |
|
19/12/2007, 10:59
| #2 (permalink) |
| Üye  Üyelik Tarihi: 06/2004 Yer: İstanbul
Mesaj: 2,269
|
Aşağıdaki scripti çalıştırıp gözlemle. Daha değişik isteklerin olursa buna bakarak geliştirebilirsin... Kod: <script>
function ortala(katman) {
// Dokümanın kullanılabilir alan genişliği ve yüksekliğini al
var ekran = document.body;
var genislik = ekran.offsetWidth;
var yukseklik = ekran.offsetHeight;
// Katmanın kullanılabilir alan genişliği ve yüksekliğini al
var katmanGenislik = katman.offsetWidth;
var katmanYukseklik = katman.offsetHeight;
// Katmanı yukarıda alınan değerlere göre ortala
katman.style.left = (genislik-katmanGenislik)/2;
}
</script>
<body onload="ortala(document.getElementById('Sniper'))" onresize="ortala(document.getElementById('Sniper'))">
<div id="Sniper" style="position:absolute; border:1px solid #000; height:100px; width:100px;"></div>
__________________ tuncay.kinali.net |
|
| |
|
19/12/2007, 13:06
| #4 (permalink) |
| Üye Üyelik Tarihi: 06/2004 Yer: İstanbul
Mesaj: 2,269
|
offsetHeight kullanılabilir alanın genişliğini verirken width browser'ın çerçeve ve kaydırma çubukları da dahil olan genişliğini verir. Aslında bu resimle daha iyi anlatılırdı ama şu an böyle birşey için müsait değilim.
__________________ tuncay.kinali.net |
|
| |
 |
| Bookmarks |
| Seçenekler | |
| |
Benzer Konular | ||||
| Konu | Konuyu açana göre | Forum | Cevap | En Son Mesaj |
| İE6'da position:fixed; problemi ! | winpeace | Web Tasarım | 1 | 04/11/2007 13:18 |
| Layer Position Sorunu :( | ahmetneseli | Web Tasarım | 6 | 16/10/2007 09:50 |
| div, yükseklik, position | exsors | Web Tasarım | 11 | 08/06/2007 23:02 |
| hem absolute hem relative :) | salihakkas2 | Javascript / DHTML / Ajax | 2 | 28/05/2007 19:41 |
| div position width sorusu | v4mp1r3 | Web Tasarım | 1 | 06/07/2006 18:11 |
| Reklamlar & Desteklenenler | |
| Hassas Valf | Hassas Kaplama | Antalyamız | Gazete | Ticari Bilişim | Hakan Müştak | Rüya Tabirleri | Kadın | Hastalıklar | Cepte msn ve e-posta | Webmaster | Antalya Aupair | Turkish Property Antalya | Forum | Chat | Perde | Adsl | Araba | bolindir.com | guncelle.com | livescore | Web Tasarım | evden eve nakliyat | forum | evden eve | sohbet | Resimcim| Kalifiye İnsan Kaynakları | Web Tasarım | Oyun | Yusuf KOÇ | Akın Yorulmaz | şiir | UFO | Web Tasarım | Oyunlar | Canlı Tv | |
