Tabloyu Browser'ın Altında Sabitlemek

Web Tasarımı - Tabloyu Browser'ın Altında Sabitlemek ...

Cevapla
Tabloyu Browser'ın Altında Sabitlemek
stars isimli Üye şimdilik offline konumundadır

stars

Hiç Biri / İzmir

Matbaadanfiyat.com Reklam Banneri

ünlem

Tabloyu Browser'ın Altında Sabitlemek

Alt 14 Mayıs 2010 #1

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.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklam Bannerı

sermen08 isimli Üye şimdilik offline konumundadır

sermen08

Webmaster / Ankara

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 15 Mayıs 2010 #2
                             
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;
}
Bu mesajdan alıntı yap
stars isimli Üye şimdilik offline konumundadır

stars

Hiç Biri / İzmir

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 17 Mayıs 2010 #3
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.
Bu mesajdan alıntı yap
Grafink isimli Üye şimdilik offline konumundadır

Grafink(40)

Clone Trooper

Sanat Yn. / İzmir

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 17 Mayıs 2010 #4
tablo <center> olarak tanımlıysa bu dediğiniz zaten olur. yeri değişmez.

Out of the code, into the fire...

Bu mesajdan alıntı yap
stars isimli Üye şimdilik offline konumundadır

stars

Hiç Biri / İzmir

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 17 Mayıs 2010 #5
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...
Bu mesajdan alıntı yap
sermen08 isimli Üye şimdilik offline konumundadır

sermen08

Webmaster / Ankara

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 17 Mayıs 2010 #6
@stars, Dostum benim söylediğimden bir farkı yok bu yaptığının (:
Bu mesajdan alıntı yap
stars isimli Üye şimdilik offline konumundadır

stars

Hiç Biri / İzmir

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 17 Mayıs 2010 #7
@stars, Dostum benim söylediğimden bir farkı yok bu yaptığının (:
helal et hakkını kardeşim...denedim ama olmadı nedense... (=
Bu mesajdan alıntı yap
d3niz isimli Üye şimdilik offline konumundadır

d3niz

UI Pilot

Grafiker / İstanbul

Matbaadanfiyat.com Reklam Banneri

Standart
Alt 17 Mayıs 2010 #8
@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:

<!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. Tabloyu Browser'ın Altında Sabitlemek Mantık olarak işe yarayabileceğini ümit ediyorum efendim. Tabloyu Browser'ın Altında Sabitlemek Kolay gelsin.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son mesajlar
Word' de hazırlanan tabloyu Freehand e Nasıl Import edebilirim cnn_hrn Freehand 2 03 Ağustos 2009 19:40
ay ışığı altında dans gulbeyaznazz Serbest Çalışmalar 1 31 Temmuz 2009 14:46
Bilgisayarlar tehdit altında ANIL YÜNCÜ Teknoloji Haberleri 16 28 Temmuz 2009 15:32
SQL DE "Kayıt Güncelleme,Kayıt Silme,Tabloyu silmek" İŞLEMLERİ NASIL YAPILIR? w@rriorhckr Php, Asp, Perl, Html 2 09 Mart 2009 20:39

Kapat
Şifremi Unuttum?