css - Have an element always at the same position with window resizes -


i have following testpage: ***

with resolution of 1920x1080 icon bar located above purple line. on other resolution isn't anymore. best way accomplish (without javascript if possible)?

while love have div element scale automatically, second problem. main issue have @ specific position. can see % doesn't work.

#icons { position: absolute; right: 11%; bottom: 12%; width: auto; height: auto;  z-index: 8; max-width: 60%; } 

do have work "rem" or along lines (didn't work when tried either)? there way this? having element in top left corner easy, since stay same when resizing. position there's problem of toolbars or similar - position changes hide toolbar of browser example. appreciated!

the text absolutely positioned right , bottom edges of window, solution position background there too. change top center bottom right.

body {   font-family: arial, "myriad pro";   font-size: 11px;   color: #ffffff;   background: #202020 url(img/body_back.jpg) no-repeat bottom right fixed;   background-size: cover; } 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -