Prevent CSS footer from scrolling -
Prevent CSS footer from scrolling -
#bottom_fade { position: absolute; bottom: 0; width: 100%; background: url("bottom-fade.png"); background-repeat:repeat-x; height: 400px; z-index: 2; } .categories { position: absolute; left: 50%; color:black; word-wrap: break-word; font-family: 15px 'libre baskerville', serif; margin-left: -200px; z-index: 1; } .categories td { width: 200px; }
you may see result of above code here. seek resize browser window you're forced scroll see whole text in table.
as scroll, may see #bottom_fade
not remain sticked bottom of page follow scrolling. don't want happen: how can bottom_fade stays attached bottom of browser window, no matter happens scrollbar?
many thanks!
change
#bottom_fade { position: absolute; }
to
#bottom_fade { position: fixed; };
and should work charm.
(nice effect way!)
css footer
Comments
Post a Comment