div i sayfanın altına yapıştırmak ..

css · 27.12.2006

Merhaba arkadaşlar , bir proje için çalışmalarım vardı.Ancak şöle gerekiyorki bir div düşünelim width %100 olsun ve sayfanın en altına yapışsın . Bunu nasıl yapabiliriz ?

Ashbringer · 27.12.2006

<div style="position:absolute; bottom:0px;"></div> bu işini görür sanırım.

muhammetsevim · 27.12.2006

<div id="alt">Merhaba!</div>

CSS dosyasında da;

#alt {
width:100%;
height: 100px;
position:absolute;
bottom:0;
left:0;
}

Bu div'i sayfanın görünen kısmının en alt bölgesine yapıştıracaktır.
Fakat sayfa normalden uzunsa JS desteğine ihtiyaç duyacaksınız.

css · 27.12.2006

@ ashbringer

tam tersi ,en üste oldu

css · 27.12.2006

@muhammetsevim,

çok teşekkürler ,oldu

Ashbringer · 27.12.2006

hmm katman uzamıştır büyük ihtimalle <div style="height:50px; position:absolute; bottom:0px;"></div> bu şekilde dene bakalım.

muhammetsevim · 27.12.2006

Sayfa cok uzunsa JS desteğine ihtiyaç duyacaksınız demiştim, bu konuda Tuncay Kınalı bir süre önce bana şu şekilde yardımcı olmuştu;

<head></head> arasına;

<script language="JavaScript" type="text/JavaScript">
function divAltta() {
r_yuk = "172"

var div = document.getElementById("div_alt")

d_gen = document.body.clientWidth
d_yuk = document.body.clientHeight + document.body.scrollTop - r_yuk

div.style.top = (d_yuk)
}
</script>

ekleyip, <body> kodunu <body onLoad="divAltta();" onscroll="divAltta()"> haline getirin,

ardından bölüm sonunda normal şekilde div_alt id'li div'inizi yerleştirin.

div_alt id'li kutuya da şu stilleri verin;

#div_alt {
width:100%;
position:absolute;
left:0;
}

İlk şekilde sayfa çok uzunsa div ekranda görünen kısmın en alt bölümüne yerleşecek, yani mouse kaydırılınca div yukarıda kalacak, fakat bu şekilde her koşulda div'in en alt bölüme gitmesi gerekiyor.

gudi · 28.12.2006

http://www.fatihhayrioglu.com/dokumanlar/altKisim.htm

css · 29.12.2006

Alıntı:

gudi tarafından gönderilen mesaj:

http://www.fatihhayrioglu.com/dokumanlar/altKisim.htm

evet bu örnekte olduğu gibi

27.12.2006	#1 (permalink)
css Üyelik Tarihi: 05.08.2006 Yer: İstanbul Mesaj: 119	div i sayfanın altına yapıştırmak .. Merhaba arkadaşlar , bir proje için çalışmalarım vardı.Ancak şöle gerekiyorki bir div düşünelim width %100 olsun ve sayfanın en altına yapışsın . Bunu nasıl yapabiliriz ?

27.12.2006	#2 (permalink)
Ashbringer Üyelik Tarihi: 14.12.2006 Yer: Trondheim Mesaj: 45	Re: div i sayfanın altına yapıştırmak .. <div style="position:absolute; bottom:0px;"></div> bu işini görür sanırım. __________________ We are the Robots A Fine Day to Die - Nordland

27.12.2006	#3 (permalink)
muhammetsevim Üyelik Tarihi: 26.07.2005 Yer: Bochum Mesaj: 224	Re: div i sayfanın altına yapıştırmak .. <div id="alt">Merhaba!</div> CSS dosyasında da; #alt { width:100%; height: 100px; position:absolute; bottom:0; left:0; } Bu div'i sayfanın görünen kısmının en alt bölgesine yapıştıracaktır. Fakat sayfa normalden uzunsa JS desteğine ihtiyaç duyacaksınız. __________________ XHTMLMutfağı

27.12.2006	#4 (permalink)
css Üyelik Tarihi: 05.08.2006 Yer: İstanbul Mesaj: 119	Re: div i sayfanın altına yapıştırmak .. @ ashbringer tam tersi ,en üste oldu

27.12.2006	#5 (permalink)
css Üyelik Tarihi: 05.08.2006 Yer: İstanbul Mesaj: 119	Re: div i sayfanın altına yapıştırmak .. @muhammetsevim, çok teşekkürler ,oldu

27.12.2006	#6 (permalink)
Ashbringer Üyelik Tarihi: 14.12.2006 Yer: Trondheim Mesaj: 45	Re: div i sayfanın altına yapıştırmak .. hmm katman uzamıştır büyük ihtimalle <div style="height:50px; position:absolute; bottom:0px;"></div> bu şekilde dene bakalım. __________________ We are the Robots A Fine Day to Die - Nordland

27.12.2006	#7 (permalink)
muhammetsevim Üyelik Tarihi: 26.07.2005 Yer: Bochum Mesaj: 224	Re: div i sayfanın altına yapıştırmak .. Sayfa cok uzunsa JS desteğine ihtiyaç duyacaksınız demiştim, bu konuda Tuncay Kınalı bir süre önce bana şu şekilde yardımcı olmuştu; <head></head> arasına; <script language="JavaScript" type="text/JavaScript"> function divAltta() { r_yuk = "172" var div = document.getElementById("div_alt") d_gen = document.body.clientWidth d_yuk = document.body.clientHeight + document.body.scrollTop - r_yuk div.style.top = (d_yuk) } </script> ekleyip, <body> kodunu <body onLoad="divAltta();" onscroll="divAltta()"> haline getirin, ardından bölüm sonunda normal şekilde div_alt id'li div'inizi yerleştirin. div_alt id'li kutuya da şu stilleri verin; #div_alt { width:100%; position:absolute; left:0; } İlk şekilde sayfa çok uzunsa div ekranda görünen kısmın en alt bölümüne yerleşecek, yani mouse kaydırılınca div yukarıda kalacak, fakat bu şekilde her koşulda div'in en alt bölüme gitmesi gerekiyor. __________________ XHTMLMutfağı

28.12.2006	#8 (permalink)
gudi Üyelik Tarihi: 22.11.2002 Yer: istanbul Yaş: 29 Mesaj: 57	Re: div i sayfanın altına yapıştırmak .. http://www.fatihhayrioglu.com/dokumanlar/altKisim.htm __________________ taşı delen suyun kuvveti değil sürekliliğidir.