Tabloyu Browser'ın Altında Sabitlemek

stars · 14 May 2010

Yardımınıza ihtiyaç duyduğumuz konu; tav-san.com.tr adresinde örnek olarak mevcuttur...

Sitenin en altında bulunan tablo, ekran çözünürlüğü ne olursa olsun browser'ın en altında sabit bulunmakta ve ekran genişlediğinde veya daraldığında (sağa-sola) çözünürlüğü genişlemekte veya daralmaktadır.

Bu uygulamanın nasıl yapıldığı hakkında teknik bilgileri olan arkadaşların yardımlarını rica ederiz.Şimdiden teşekkürler iyi çalışmalar dileriz.

sermen08 · 15 May 2010

Sayfaya bir div yerleştir. Styleınıda aşağıdaki gibi tanımla yeterlidir.

.footer
{
float:left;
width:100%;
height:25px;
position:fixed;
bottom: 0px;
left:0px;
background:black;
z-index:100;
}

stars · 17 May 2010

dediğiniz gibi yaptım ama hiç bir sonuç çıkmadı.yada detaylı bir şekilde anlatırsanız bildiğinizi deneyelim...

benim istediğim, örnek olarak verdiğim sitede detaylı bir şekilde gözükmektedir.

birde kendim yazayım ne istediğimi (sitede görünen örneğin sözlü açıklaması) ;

sayfanın sağına veya soluna genişlemesi veya daralması durumunda, kendiside genişleyecek veya daralacak ve sayfanın en altı kısmında sabit duracak...yani; sayfa scroll bar ile indirildiğinde kıpırdamayacak yani sabit kalacak... bilgisi olan arkadaşların yardımlarını bekliyorum.teşekkürler.

Grafink · 17 May 2010

tablo <center> olarak tanımlıysa bu dediğiniz zaten olur. yeri değişmez.

stars · 17 May 2010

Grafink' Alıntı:
tablo <center> olarak tanımlıysa bu dediğiniz zaten olur. yeri değişmez.

bunuda deneyeceğim teşekkürler... ancak bir şekilde çözdüm ve hemen burada paylaşmak istedim ihtiyacı olan arkadaşlar faydalansınlar diye...lakin sizin mesajınızı görünce cvp yazmadan geçmek istemedim...tekrar teşekkür ederim... gelelim benim bulduğum bir çözüme...büyük kısmı araştırmaya, ufak tefek ayarlarlada istediğim gibi oldu... ben kendi istediğim gibi olan kodları yazacağım...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
margin:0;
padding:0;
}
div#ustKisim {
position:fixed;
background: gray;
color: yellow;
height:50px;
width:100%;
left:0;
bottom: 0px;
}
div#icerik {
margin:75px 0 0 0;
}
</style>
</head>
<body>
<div id="ustKisim">sitenin imza kısmı... copright 2010 gibi bilgiler....</div>
<div id="icerik">
</body>
</html>

burada ek ilave olarak şunu eklemek istiyorum; buda benden olsun...
eğerki sitenizin şablonları hazır ve bir html dosyasının içine yerleştirilmişse, kod penceresine geçerek, kodların bittiği en alt satırın altına geçerek yukarıdaki kodları yapıştırabilirsiniz.mevcut kodların üzerinde tekrar oynama yapmanıza gerek kalmayacaktır...

iyi çalışmalar dilerim...

sermen08 · 17 May 2010

@stars, Dostum benim söylediğimden bir farkı yok bu yaptığının

stars · 17 May 2010

sermen08' Alıntı:
@stars, Dostum benim söylediğimden bir farkı yok bu yaptığının

helal et hakkını kardeşim...denedim ama olmadı nedense... (=

d3niz · 17 May 2010

Kod:

@charset "utf-8";
/* CSS Document */
body {
margin:0 auto;
}

div#header {
	width:100%;
	height:100px;
	float:left;
}
div#container {
	float:left;
	height:auto;
	width:100%;
	height:auto;
}
div#content {
	float:left;
	height:auto;
	width:900px;
}

div#footer {
	width:100%;
	background-color:#333333;
	color:#fff;
	text-align: center;	
	position:fixed;
	margin-top:500px;
}

Bu css dosyamız olsun.

Bu da indeX:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
        <div id="header"></div>

<div id="content">

Blablablab
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blalablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
  lablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Bllablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
  lablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Bablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
  lablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Bllablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blaablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
  lablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Bllablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blallablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
  lablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blblablabla
    Blablablabla
  lablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
  Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabl
 Blablablabla
    
    
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla
    Blablablabla 
  la
Blablablabla
Blablablabla
Blablablabla
Blablablabla
Blablablabla
Blablablabla
Blablablabla
Blablablabla
Blablablabla
Blablablabla</div>
	

</div>
<div id="footer">Hele Burası footer :)))</div>
</body>
</html>

Biraz çirkin görünüyor ama.

Mantık olarak işe yarayabileceğini ümit ediyorum efendim.

Kolay gelsin.

	Benzer konular	Forum			Tarih
	Dreamweaver'de şu tabloyu nasil çizebilirim ?	Dreamweaver	1	4K	18 Kas 2015
T	Word'de oluşturulan tabloyu düzenleyecek program	Kitap kapağı, broşür, menü vb.	0	1K	15 Kas 2012
	Word' de hazırlanan tabloyu Freehand e Nasıl Import edebilirim	Freehand	2	3K	3 Ağu 2009
	SQL DE "Kayıt Güncelleme,Kayıt Silme,Tabloyu silmek" İŞLEMLERİ NASIL YAPILIR?	Php, Asp, Perl, Html	2	8K	9 Mar 2009

Ara

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Tabloyu Browser'ın Altında Sabitlemek

stars

Benzer konular

sermen08

stars

Grafink

Clone Trooper

stars

sermen08

stars

d3niz

UI Pilot