I really need to learn how to create my design so that it will strech for any resolution? I understand this is called creating a liquid layout? Any help would be great. Thanks.

It's exactly the same except you replace sizing in pixels with percentages. If you usually make banners at 750px you would make it at 100% (for example).

Don't use liquid if someone has to read across the page, or at least stop the text from stretching.

I don't understand?

Somewhere over 4 inches (of screen real-estate) makes it very hard to read lots of text. In my experince fluid isn't very good.

To make a fluid layout you generally use percentages instead of pixels to size your elements.

 

The main problems with fluid as Mesa has said, is text readability. Anything more than 4inches/75 words wide is hard to read - your head ends up like it's watching a crazy tennis match and this is tiring - people will give up.

 

Therefore your main text should always have a maximum width.

 

I have used semi-fluid layouts in the past, where the main text area can resize within a minimum and maximum and the background resizes to fill the rest.

 

There are also clever ways of turning 2 column layouts into 3 column for those with larger screens.

 

Think very carefully about what you want to achieve, else people with massive screens are going to see a graphic and one very long line of text!!!

Just make the width of the table or whatever you're putting the text in 100%.

I just want the website I create be able to stretch for any resolution instead of it being perfect on 1024x768 and then lob sided on another resolution, 1280x800, for example?

As I have explained it is difficult to get the balance right.

 

By specifying width = 95% or 100% the site will stretch and so will fill the page at 800x600, 1024x768, 1280x1024 and higher.

 

However the text may then span the page and become hard to read.

What content are you going to have that you want to take advantage of a fluid layout?

 

I'd say most people who use wide screen resolutions are more than used to websites (and various text editors) with a narrow width. You can "fill" the space with some sort of graphic.

A method I have seen and used is to centre the content so that, when viewed at 1024x768 the content fills the screen with a little edge whilst viewed on widescreen and you get centred content with wider edges.

 

It does remove the issue of changing content and font size that liquid creates.

How do I keep everything centered? I have managed to keep my image centered but not my text? I'm not the best coding any help please? thanks alot.

Any help guys, its kinda urgent.