I ja sam hteo da ti predlozim JS (JavaScript) ali sam cackao onaj primer sa linka i resio ti nesto ovako:
layout.css
Code:
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
/*height: auto !important;*/
height: 100%;
margin: 0 auto -4em;
overflow: auto;
background-color: #87A324;
}
.footer, .push {
height: 4em;
background-color: #A7A384;
}
test.html
Code:
<html>
<head>
<link rel="stylesheet" href="layout.css" />
</head>
<body>
<div class="wrapper">
<p>
Your website content here.<br />
fdfdglkj<br />fdgjhf<br />dfd<br />fd<br />df<br />dsf<br />
sg<br />sdfgfds<br /><br />gfd<br />gfs<br />
g<br />dfg<br />sfgsd<br />gsd<br />gsd<br />g<br />dg<br />
fdg<br />fdg<br />fdg<br />dfg<br />df<br />
gdf<br />ghdf<br />ghf<br />dhdg<br />hd<br />gdh<br />
dfg<br />fg<br />fs<br />gfds<br />g<br />agfdsg<br />
sdg<br />sdg<br />sdagsd<br />gsg<br />sdgsdg<br />dgds<br />
gsdg<br />dg<br />sdg<br />dsg<br />sdg<br />
dfdg;lkj<br />fdgjhf<br />dfd<br />fd<br />df<br />dsf<br />
sg<br />sdfgfds<br /><br />gfd<br />gfs<br />
g<br />dfg<br />sfgsd<br />gsd<br />gsd<br />g<br />dg<br />
fdg<br />fdg<br />fdg<br />dfg<br />df<br />
gdf<br />ghdf<br />ghf<br />dhdg<br />hd<br />gdh<br />
dfg<br />fg<br />fs<br />gfds<br />g<br />agfdsg<br />
sdg<br />sdg<br />sdagsd<br />gsg<br />sdgsdg<br />
dgds<br />gsdg<br />dg<br />sdg<br />dsg<br />sdg<br />
</p>
<div class="push"></div>
</div>
<div class="footer">
<p><img src="footer.jpg" /> Copyright (c) 2009 By Srele</p>
</div>
</body>
</html>
Tajna je u slici (footer.jpg) koja se nalazi u footeru koja skriva sadrzaj glavnog diva. Slika ne sme biti veca od samog diva!
Pazi, probano je u Mozilli i lepo radi. Onaj gorniki div i one sa strane nisam pokusavao da stavim ali kontam da ti to nece biti problem.
