Illsingforyoumylove
New Member
Is there a way to make \[code\]position\[/code\]'ed elements scale correctly relative to the window size using only CSS or I got to step it up to javascript/jQ? I tried adding a container with \[code\]100%\[/code\] \[code\]width\[/code\] and \[code\]height\[/code\] and then scale accordingly. \[code\].container{ position: relative; width: 100%; height: 100%;}.transblock{ position:absolute; width:44%; height:5%; top:90%; left:0%; background:green; opacity: 0.6; z-index:5; }.h1text{ position:absolute; width:30%; height:5%; top:90.75%; left:13.5%; z-index:10; color:white;}\[/code\]http://jsfiddle.net/cyaXL/The gap between the paragraph and the menu is the issue. It's too small on 1280p screen and too large on 1920p. Is there any way to make it adjust better?