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
Post a Comment