jquery - Keeping an image centred, whilst it changes size by % with browser size? -


how centre image keep image size percentage changes size browser? have been playing around css on image here resize height width http://www.georgewoolfe.com/home.html

this css:

#image {     bottom: 50%;     height: 40%;     left: 50%;     margin: 0 -40%;     position: absolute;     right: 50%;     top: 56px;     width: 80%; }  #image img {     width: 100%; } 

i wondering if there might bit of jquery this?

i found website mean http://www.laurabartlettgallery.com/exhibitions/bravo-zebra/

thanks angela

html:

<div id="imagewrapper">     <img src="http://www.georgewoolfe.com//images/cecily-brown_cecilybrown02.jpg" alt=""> </div> 

css:

#imagewrapper {     position: absolute;     left: 0;     right: 0;     margin: 0px 20px;     text-align: center; } #imagewrapper img {     width: 100%;     max-width: 433px; } 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -