The % width method does work. You have to code all widths in %, all elements like div, ul, form, table and also all their side margins and side padding and also any images inside them. Make the total of them all 100%.
Borders can't be sized in % so have to stay in px, so make the total of % widths 97% or 98% to allow for the side borders.
Images need coding like:-
Code:
<img style="width: ??%;" src="image.jpg" alt="Image 1" />
without a height and then the height will adjust in proportion.
A totally fluid page will look very squashed up in a small window resolution and very spaced out in a larrge window, so be careful. It works best if there isn't much page content.
An alternative is not to use any % widths but to use min-width and max-width in px for a containing div and then the page will expand and contract within limits. Min and max width doesn't work in IE6 so set a fixed width just for IE6 in a conditional comment.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.