html - Resizing of an image isn't behaving 'normal' -
i resize arrow (right, gray) resize , behave logo (middle). when adjust browser window left or right, gray arrow resizing fine. when make browser window higher or taller (up/down adjustment), arrow can placed along right side of screen.
it nice if arrow have current place fixed , behave / resize (sober) logo in middle of page.
the problem located in class: .arrowup.
you can find whole website here --> https://dl.dropboxusercontent.com/u/61634717/website.zip
#homepagelogo { height: auto; /*120*/ width: auto; /*450*/ text-align:center; padding-top:19%; padding-right:35%; padding-bottom:15%; padding-left:35%; } body { /*background:#000000; -- test achtergrond -- */ /*background-image:url('../pictures/homepage/background_homepage1.jpg');*/ background: #2e2e2e url('../pictures/homepage/background_homepage1.jpg') no-repeat top left; background-size:cover; background-repeat:no-repeat; width:auto; height:0px; } img { max-width:100%; height:auto; } .arrowup { position:absolute; top:53%;/* ?? */ right:1%; bottom:0%; /* ?? */ left:88%; }
kind of new html & css. or improvements welcome.
check if helps: https://dl.dropboxusercontent.com/u/886568/website_waldotoelen.zip
you missing part arrow needs in same container "sober" image, in order absolutely positioned along.
Comments
Post a Comment