Stretch and move

[timmillwood]

How do you make your web sites stretch and move for different screen resolutions, I usually just set tables to % but doesn't always work well.

Also how do you do it will images and backgrounds?

 

[Mydriasis]

css

 

[timmillwood]

css

i know what CSS is and i know it can be used but how?

 

[cookie1105]

A List Apart has some great articles about how to design fluid layouts.

 

[beefy23]

How do you make your web sites stretch and move for different screen resolutions, I usually just set tables to % but doesn't always work well.

Also how do you do it will images and backgrounds?

Some developers I know try to achieve the same effect by encouraging their targeted end-users to try a range of different 'substances' e.g. 'koolaid' - I've never managed to find out the efficacy of their methods though 😀

 

[michaelrjohnson]

i know what CSS is and i know it can be used but how?

For a centered layout, no matter the browser size, you need to create a "wrapper" that all other code will go in. To keep it fluid, just enter a % in wherever width is defined.

#wrapper {
margin-left: auto;
margin-right: auto;
width: 825px;
}

It should work just fine, although, there's a lot more involved to make the complete site, it's a start! 😉

 

[timmillwood]

thanks, i'll see how i get on

 

[timmillwood]

is it possible to resize images on the fly for smaller screen resolutions

 

[janitorC7]

is it possible to resize images on the fly for smaller screen resolutions

possibly with a Java script. Ajax can do it, in the application.

I;m not sure how its done though.

Cooper

 

[Elixer]

is it possible to resize images on the fly for smaller screen resolutions

I dont know if this is what your looking for. http://www.michelf.com/weblog/2005/liquid-image/