You are here:

Web Design/scaling background image within a div


Hello, Daniel Ruffle

I was wondering how I could make a background image within a div with unspecified size
scale, when the browser resizes.

I am using twitter bootstrap to help me achieve this, but so far was unsuccessful.

Thank you

PS: just to illustrate my question better
<div id='header'></div>
<div id='container'>

<div id='footer'></div>

background-image: url('.../path to image');

Hi Jake

It is certainly possible but for now you may need to use Javascript / JQuery to get the desired effect. You can do it in CSS3 but this doesn't work properly in all browsers.

A couple of articles that should help.

Unless you use and image instead of backgroundimage:

I hope this helps.


Web Design

All Answers

Answers by Expert:

Ask Experts


Daniel Ruffle


I can answer questions on most areas of web design & development - including: html5, css3, JavaScript, php, search engine optimisation, mobile web development & responsive design.


I have been in the web design & development sector for 10 years and have been running my own web design company for 10 years. Working with lots of completed projects within that time.

I have mostly been self taught which is the way I learn best. I have been on lots of training courses, read lots & lots of books. Within this sector though I find the best way to learn is to get stuck in.

©2017 All rights reserved.

[an error occurred while processing this directive]