Well, i dont know where to pu thtios, or if its been written before, sorry in advance if it has,
but if you check this site out:

*Example*
www.funnyjunk.com

You will notice that the site fits any resolution you have, i was wondering how could i use that for my site, since i made the tables i use to design it fit my resolution which is quite bigger than other peoples, something like 1280x1024 wheras the average user has 800x600 or 1024x768,

this code would help for better viewing of the website, anybody up to the challenge of helping me?

*** Thanks for any helpers below! ***

use % widths

plenty of threads about it in the HTML & CSS forums

What Hirst said.

Design using % widths.

Make sure that your layout is no wider than 770-780 pixels at any horizontal point (I prefer 770 as I like a little padding, but 780 will work exactly and incorporate the scrollbar on the right too).

And that's really about all there is too it.

Using % widths isn't the be all and end all to liquid design. There's a number of teqniques you can use to acheive this.

For example, you can alighn a fixed width DIV to the right of the screen by absolutely positioning it and specifying only the right value and the width, height and top. The same can be done with the left. You can then set the margin of your main content DIV to compensate for the space these side DIVs take up.

Thanks for the help guys but what exactly are % widths lol, sorry im err a little new at this......as i said, im sorry

Instead of width: 500px you would use width: 95%

Try looking at the source (and CSS!) of my two sites:

www.summit-productions.ca

www.sheepriverkayakclub.com

Summit was designed so that it scales based upon the size of the text you use (instead of 'px' or '%', it uses 'em'). Width's and heights are defined by the elements around them with margins and padding as opposed to fixed values or percentages.

Sheep River Kayak Club was designed using %'s for the widths and heights of the elements.

Liquid design is alot of fun to problem solve, and makes your sites look much more professional in most cases. It is acomplished with CSS in 99% of cases.

Ran into a little novice problem, I use tables and layout cells to move my site about easily, so when i tryed to make the table width 95%, well, it says only numbers are allowed,

sorry if this is already posted again, but i really need a person whos willing to explain this to me? :P thanks

so when i tryed to make the table width 95%, well, it says only numbers are allowed

What is saying that only numbers are allowed? Are you using a WYSIWYG page editor (i.e. Frontpage or Dreamweaver)? If so, uninstall it because it's too stupid.

Originally Posted by mgraphic

What is saying that only numbers are allowed? Are you using a WYSIWYG page editor (i.e. Frontpage or Dreamweaver)? If so, uninstall it because it's too stupid.

I'm using dreamweaver lol part of macromedia studio 8 , so what should i use to build my website better,

have a look its http://tayles.ath.cx its only for my game and site at the moment but i will be using it for a lot more in the future, i need it to look good, any opinions?

i still need help with the % widths thingie please thanks

I can't help you - I've never used Dreamweaver. Look to see if there is a checkbox for percentages instead of fixed widths. If not, change it by hand in the source code, or apply a class to it a define the class in the CSS to have % width.

Dreamweaver will accept % for table widths, I've used it since Version 1, it has always accepted both.

Basically your problem is that you're using dreamweaver ;-)
If you want a good clean site with no extra rubbish put in by a wysiwyg editor, you need to do a bit of reading and do the programming by hand, using Textpad or similar.
You'll just need to learn some HTML but you'll see that it's not as hard as many think adn why not do it, you'll need it in the future.

Good Luck.

There's nothing wrong with Dreamweaver -- IF you know your HTML FIRST.
Using DW like FrontPage is a recipe for a mess. You can get rid of a lot of the 'rubbish' by carefully editing the DW preferences, but, you must know what you're actually telling it what to do and what not to. If you don't know your HTML (and CSS), then you won't know what you're setting.

I would have to agree, hand code (HTML is not programming) until you've got it down pat, then use DW.

It's okay to use dreamweaver as a tool for speading up the coding process, but if you don't know HTML I'd advise that you take the time to do some tutorials. http://www.w3schools.com/ is my personal favorite. I don't like dreamweaver so I only use it as an FTP program (and I know there are better ones out there) I code everything by hand in note pad.

Dreamweaver will accept percentage widths, check your settings.

Went into the code and changed the table width to 95% instead of 1024, it seems to work perfectly, thanks for the help people, ive only tested it on 1280x1024 and 1024x768 and it works great, thanks

I believe that in most browsers you can use 98% and it won't scroll, but 99-100+ (yes you can go greater than 100) creates a horizontal scroll bar.