html - Stop wide image from producing horizontal scrollbar -
on webpage have wide image, should take right 50% of screen. appears want to, produces unwanted horizontal scroll bar. don't want image scale down, want remain looking does, not produce horizontal scroll bar. how this?
html:
<div class="image"> </div>
css:
.image { position:absolute; left:50%; background-image: url('images/banneriphone.png'); width:774px; height:759px; }
edit: had suggestions remove overflow option. didn't work, changed code around (put image in html) still didn't work. here's cssdesk link:
use in css hide scrollbar of css class image:
.image { position:absolute; left:50%; background-image: url('images/banneriphone.png'); width:774px; height:759px; overflow-x:hidden; overflow-y:hidden; }
overflow-x
hide horizontal scrollbar
overflow-y
hide vertical scrollbar
edit: here can see example of overflow property: http://www.brunildo.org/test/overflowxy2.html
Comments
Post a Comment