Radim jednu web-stranicu za faks te mi footer stvara problem -.-'
Želim da mi bude sticky footer, ali i da mi sadržaj pokriva cijelu stranicu, međutim nikako nisam uspio napraviti. Problem mi je manjak sadržaja, tako da main dio ne seže do kraja, te ga "prekine" na, primjerice, pola stranice.
Je li mi može netko pomoći, evo kod ako će biti od koristi:
HTML:
<div id="header">
....
</div>
<div id="main">
<p>Lorem ipsum...</p>
</div>
<div id="footer">
<div id="footer2">
Copyright...
</div>
</div>
CSS:
html, body
{
margin: 0;
padding: 0;
height:100%;
}
#header
{
position:relative;
width:100%;
height: 130px;
}
#main
{
position: relative;
width: 70%;
margin-left:auto;
margin-right:auto;
}
#footer
{
position:absolute;
height:38px;
width:100%;
}
#footer2
{
padding-top:9px;
padding-bottom:9px;
}
Pokušao sam uraditi pomoću ova 2 tutoriala, ali nije mi uspjelo: tutorial1, tutorial2.
I možete li mi savjetovati koji bi možda bio najbolji redoslijed što učiti dalje (u kratkim crticama). HTML i CSS sam ajmo reć naučio, a JavaScript počeo učiti.