[ freakk @ 14.01.2002. 18:08 ] @
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?

[ KwaZulu @ 18.01.2002. 19:55 ] @
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
[ freakk @ 18.01.2002. 20:14 ] @
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...

[ Trunks @ 18.01.2002. 23:02 ] @
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>
[ anon315 @ 21.03.2006. 00:54 ] @
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
[ VRKY @ 21.03.2006. 06:29 ] @
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>
[ anon315 @ 21.03.2006. 09:52 ] @
Nope!
[ pajaja @ 21.03.2006. 11:57 ] @
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 ].
[ noviKorisnik @ 21.03.2006. 13:00 ] @
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>
[ anon315 @ 21.03.2006. 14:47 ] @
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]
[ jablan @ 21.03.2006. 15:08 ] @
Predlog: prebacuj deo po deo sadržaja iz lejauta koji ti ne radi u onaj koji radi, pa ćeš videti koji deo ti pravi probleme.
[ noviKorisnik @ 21.03.2006. 15:18 ] @
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.
[ anon315 @ 21.03.2006. 15:29 ] @
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]
[ noviKorisnik @ 21.03.2006. 17:06 ] @
Pa ne razumem tačno šta misliš, ali pomoglo bi da dodaš height="1" u ćelije headera, a za ovu glavnu sa sadržajem bi bilo korisno da ima valign="top".
[ anon315 @ 21.03.2006. 18:04 ] @
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?
[ noviKorisnik @ 21.03.2006. 20:00 ] @
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;
}
[ anon315 @ 22.03.2006. 02:40 ] @
Bravo care!

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

Jel nije problem samo da mi malo detaljnije pojasnis u cemu je bio problem?

Hvala
Vanja
[ anon315 @ 22.03.2006. 02:43 ] @
Ali fuck, sad je dojajno u ff, ali u IE i dalje prcuka?
[ noviKorisnik @ 22.03.2006. 07: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; ...
[ anon315 @ 22.03.2006. 09:43 ] @
Do jaja!

I iz FF i iz IE: http://galeb.etf.bg.ac.yu/~seven/alfa/index2.php

Zapravo je ovaj kod zavrsio posao:

Code:

body, td {...
    font-size: .8em;
...}
h2 {font-size: 1.5em; ...
h3 {font-size: 1.2em; ...


Thanx!