Jump to content

Images Expand With Browser Size

Recommended Posts

Hi all, I'm not sure if CSS can accomplish this, but here's what I would like to do: The design for my website is 1100 pixels wide. There are 100 pixels of empty space on both sides, leaving 900 pixels in the center for content. Most of the content is images, with some (little) text. I want to code the site so that, when the user expands their browser to, say, 1500 pixels wide, the 100 pixels of empty space still exists on both sides, but the center content expands from 900 to 1300 pixels. In doing so, the images inside the content also expand their size to cover the entire 1300 pixels. I'm not exactly sure how this would work - would the original size of the images need to be huge, and then in the code they are displayed at a percentage? Does anyone see any problems coding a site like this? Have you ever seen a site built like this? Is this something better suited for jQuery or Flash? Any insight you can offer is much appreciated, thank you.

  • Like 1

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...