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

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -