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

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -