kako napraviti footer koji je nezavisan od duzine strane?

  • 19 odgovora
  • 8.708 pregleda
kako napraviti footer koji je nezavisan od duzine strane? 14.01.2002. u 18:08 · pre 301 meseci #1
Ovako, imam jednu stranu, koja moze biti duza ili kraca, u zavisnosti od sadrzaja, koji se kreira dinamicki.. kako da napravim da bez obzira na sadrzaj, uvek imam u dnu strane jednu tabelu (footer, sa informacijama o copyrightu itd), ali UVEK u dnu strane, uz ivicu browsera.. pokusao sam da probam na foru height=100%, ali nesto ne stima...

zna li neko resenje?

Potpis
simplicity is everything!
http://www.isur.net
Re: kako napraviti footer koji je nezavisan od duzine strane? 18.01.2002. u 19:55 · pre 301 meseci #2
Evo skripta koji ti treba za to:

<!-- THREE STEPS TO INSTALL:

1. Insert the first code into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. the last code into the BODY of your HTML document -->

<!-- STEP ONE: Put this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function setVariables() {
imgwidth=235; // logo width, in pixels
imgheight=19; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>

<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->

<BODY onload="setVariables(); checkLocation();">

<!-- STEP THREE: Put this code into the BODY of your HTML document -->

<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width=10 bgcolor=#ffffff><td>
<a href="http://www.yoursite.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true"><center><img src="your-logo.gif" width="235" height="19" border="0"></center></a></font></td>
</table>
</div>



Pozdrav

Zoki
Re: kako napraviti footer koji je nezavisan od duzine strane? 18.01.2002. u 20:14 · pre 301 meseci #3
hi
ipak to nije ono sto meni treba.. mozda nisam dobro objasnio..
onaj kod koji si dao prikazuje UVEK footer..
meni ne treba to, pootovu ne javascript..

recimo, imamo jednu stranu na kojoj pise samo:
'ovo je test'
ona se normalno nalazi u vrhu strane..

e, sad imam jednu tabelu, recimo crne boje, cija je visina 20 piksela. e ta tabela mora da se nalazi u dne, skroz dole, uz donju ivicu browsera. to znaci da ce biti velika belina na celoj strani..
ukoliko pak na strani ima teksta da popuni bas celu stranu, onda tek nakon teksta ide ta tabela..

da li me neko uopste uopste razume?

pokusao sam ovako nesto, za taj footer:
<table>
<td height="100%" bgcolor="#ffffff">&nbsp;</td>
<td height="20" bgcolor="#000000">copyright info</td>
</table>

ali ne radi...

Potpis
simplicity is everything!
http://www.isur.net
Re: kako napraviti footer koji je nezavisan od duzine strane? 18.01.2002. u 23:02 · pre 301 meseci #4
Stvarno ne razumem...
Možda na ovo misliš?
Code:

<table width="300" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr> 
    <td>Ovde sadrzaj</td>
  </tr>
  <tr> 
    <td valign="bottom">...Bla bla bla ovo je footer</td>
  </tr>
</table>
Potpis
» Mom, mom, look what I did, mom!
» Look what I did to my hands, I broke 'em!
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 00:54 · pre 250 meseci #5
Ja razumem coveka posto i meni ovo sada treba :)

Trunks, tvoje resenje nije dobro iz prostog razloga sto tvoj "footer" nece da se rasprostire po celoj sirini, vec ce biti sirok onoliko koliko je siroka ta kolona.

E sad, ja imam tabelu sa 3 kolone i 2 reda i tu sam uradio layout.

A onda mi je footer opet zasebna tabela 1x1 jer sam tako postigao da je footer po celoj sirini.

Uspeo sam nekako da nateram pomocu CSS-a da mi footer legne skroz dole, ali onda imam problem sto mi se kolone iz gornje (prve) tabele nisu razvukle do dole, nego su ostale onoliko dugacke kolika je maksimalna duzina kolone gornje tabele (dakle zavisi od strane do strane)

Ukratko - kako namestiti ovo da radi, sada kada razumete problem? :) Po mogustvu sto prostije resenje, zna li ko?

Hvala
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 06:29 · pre 250 meseci #6
Hmm, provaj ovako s CSS (nadam se da je to to):

Code:

#footer {
height:100px;
background-color:#000000;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
clear: both;
}


Iz HTML ga onda samo pozovi:

Code:

<div id="footer">
  <p>Neki tekst</p>
</div>
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 11:57 · pre 250 meseci #8
Citat:
Vanja Petreski:
E sad, ja imam tabelu sa 3 kolone i 2 reda i tu sam uradio layout.

A onda mi je footer opet zasebna tabela 1x1 jer sam tako postigao da je footer po celoj sirini.

Ne treba ti nova tabela, stavi u zadnji red colspan="3" [ zavisno koliko kolona imas ].
Potpis
xxx
mali mali mali kamičak...nebo plave boje.
In Memoriam: Madzone Zeka(15.09.2005-16.09.2005)
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 13:00 · pre 250 meseci #9
Code:
<html>
<head>
<title>t</title>
</head>
<body style="margin: 0; padding: 0;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
<tr>
<td valign="top" align="right" width="40%">
top
</td>
<td valign="middle" align="center" width="20%" bgcolor="#ff0000">
middle
</td>
<td valign="bottom" align="left" width="40%">
bottom
</td>
</tr>
<tr>
<td colspan="3" height="1" bgcolor="#ff0000" align="center">
footer
</td>
</tr>
</table>
</body>
</html>
Potpis
BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 14:47 · pre 250 meseci #10
noviKorisnik, to je upravo ono sto mi treba , kod koji si ti napisao radi posao: http://galeb.etf.bg.ac.yu/~seven/alfa/proba.html

Ali ja sad ne mogu to da primenim kod mene, sve sam uradio analogno, ali nece, baci pogled: http://galeb.etf.bg.ac.yu/~seven/alfa/

Pa vidi i kod odatle.

Btw, evo ga deo css-a

Code:

body {
background-color: #EEEEF0;
color: #000000;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0;
}


U cemu je problem?

Pozdrav
Vanja

[Ovu poruku je menjao Vanja Petreski dana 21.03.2006. u 15:49 GMT+1]
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 15:18 · pre 250 meseci #12
hehehe, zanimljivo... obzirom na tekst stranice :-)

Makni prve dve linije fajla i upiši umesto toga jednostavno '<html>'.

Nije ovo po nekim novim standardima, već po starim, kad izbaciš to moderno zaglavlje onda neće biti ignorisanja height atributa.
Potpis
BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 15:29 · pre 250 meseci #13
Aha!

Eeee, al vidi sad razliku:

http://galeb.etf.bg.ac.yu/~seven/alfa/

http://galeb.etf.bg.ac.yu/~seven/alfa/index2.php

Mnogo ruzno!

Prosireno je tako sto je ceo sadrzaj prosiren, e meni treba efekat da sve ostane isto, prakticno da bude dodato samo "<br><br>..." ako me razumete.

Muka ziva :)

[Ovu poruku je menjao Vanja Petreski dana 21.03.2006. u 16:38 GMT+1]
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 18:04 · pre 250 meseci #15
Evo mic po mic dolazimo do resenja!

Sada je situacija bolja, sa gornjim poboljsanjima sada nema praznog prostora kod slika i malo je podignut glavni tekst na gore, ALI je je opet sve uvelicano, slova headings i tako dalje, zar ne vidis to?

To samo da se resi i kraj problema :)

Ne znam jel vidis, pazi ogromna razlika je izmedju:

http://galeb.etf.bg.ac.yu/~seven/alfa/

i

http://galeb.etf.bg.ac.yu/~seven/alfa/index2.php

, zar ne?
Re: kako napraviti footer koji je nezavisan od duzine strane? 21.03.2006. u 20:00 · pre 250 meseci #16
Ne primenjuje se kaskadno css definicija od body na td. Dodaj tu definiciju eksplicitno ...
Code:
body, td {
background-color: #EEEEF0;
color: #000000;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0;
}
Potpis
BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo
Re: kako napraviti footer koji je nezavisan od duzine strane? 22.03.2006. u 07:19 · pre 250 meseci #19
Ne psuj!

Različito tumači veličinu za font size i ne prenosi tu definiciju kaskadno na naslove.

Code:
body, td {...
    font-size: .9em;
...}
h2 {font-size: 1.5em; ...
h3 {font-size: 1.2em; ...
Potpis
BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme