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

ünlem

Tabloyu Browser'ın Altında Sabitlemek

Alt 14-05-2010 #1
Sponsorlu Bağlantılar

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 Reklamları

sermen08 isimli Üye şimdilik offline konumundadır

sermen08

Webmaster / Ankara

Standart
Alt 15-05-2010 #2
                             Sponsorlu Bağlantılar
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

Standart
Alt 17-05-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(38)

Clone Trooper

Sanat Yn. / İzmir

Standart
Alt 17-05-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

Standart
Alt 17-05-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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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

Standart
Alt 17-05-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

Standart
Alt 17-05-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

Standart
Alt 17-05-2010 #8
[CODE]@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;
}

[/CODE]

Bu css dosyamız olsun.

Bu da indeX:

[CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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 Tabloyu Browser'ın Altında Sabitlemek))</div>
</body>
</html>
[/CODE]

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 Mesaj
Word' de hazırlanan tabloyu Freehand e Nasıl Import edebilirim cnn_hrn Freehand 2 03-08-2009 19:40:03
ay ışığı altında dans gulbeyaznazz Serbest Çalışmalar 1 31-07-2009 14:46:45
Bilgisayarlar tehdit altında ANIL YÜNCÜ Teknoloji Haberleri 16 28-07-2009 15:32:58
SQL DE "Kayıt Güncelleme,Kayıt Silme,Tabloyu silmek" İŞLEMLERİ NASIL YAPILIR? [email protected] Php, Asp, Perl, Html 2 09-03-2009 20:39:13

Kapat
Şifremi Unuttum?