I'm just playing around with some designs and I want to do this:
Have all the content resize itself for bigger or smaller screen sizes...or when the browser is resized by the user.
I always thought the solution was to create all the widths using % instead of actual pixel values...
(For example, width=85% instead of width=950px)
But when I did this, I get clients who have issues with the layout on different browsers.
Although it looked fine on FF and IE, other browsers it doesn't work.
Basically, I'm containing all the content in a wrapper which I've put at 100% wide. And then all the nested divs are a certain % wide inside the wrapper.
So when I resize the browser window, it all slides and shrinks accordingly.
But I had to set them all to specific widths for a client, because the layout was all stretched and had gaps in his browser.
Any ideas what the problem is?
(Sorry, I know it's a noob question but this web design isn't what I do for a living - as you can tell!)