how to scale PNG images automatically when resize to full screen browser

Hello dear coders,

I am programming a Wordpress website.
I used some transparant PNG images, like logo etc.
Now when user enlarges/resizes his browser, I want the PNG images resize/scale (in ratio!) along with it, so everything will stay in proportion.
I was looking at responsive design, but I hope their is an other solution, so I dont have to design/program different versions from the site.

I hope someone can help me out.

Thanks!

 

Hi pro!

You are speaking about Responsive design. You can read tut in here http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ .

If you want get wordpress responsive themes you can get it in http://citywpthemes.com

--

I'm Michael

 

Hello Michael,

thanks for your quick respons.
I checked responsive design, but I was hoping there would be an easier solution.
What I just don't understand why it's possible to scale the background image to full screen browser, but that ordinary images don't.
Is there not a way to stack the PNG's (background and 'foreground' images), so they behave just like the background when resizing?
Be aware, I must be able to change the background images in the backend of Wordpress per page/post, only the rest of the graphics will always remain the same, when user selects a new page.

Any idea?

 

Why doesn't you try big background ( 1280 x 1000 ) and used attribute fixed in css.
Example : body { background: images/bg.jpg; background-attachment: fixed; }

--
I'm Michael. I'm a reviewer of http://citywpthemes.com

 

Hello Michael,

can you please contact me?
It's urgent. Thanks.

 

this can be helpful ::


try to fix it using CSS (%) like :



img {

background-size:100% 100% ;
width:100%; height:100%;

}

 

Hello Trimi,

I fixed it in another way.
Thanks for your respons.

 

Topic closed ;-)