I have put together a simple static layout where I would lilke to understand how to convert the static widths into percentages in order to eventually create a responsive web layout. Can anyone recommend the easiest way to work out layout widths, font-sizes, padding and margins in percentages? I have been so used to creating my layouts in static format but I would love a complete understanding on how to implement this % technique.
Link to my simple layout is here: http://jsfiddle.net/9fH87/
All advice welcomed,
Thanks Kyle
Replacing the fixed width of the two columns with 45%, you’ll get a fluid layout, it means a layout that fit it self to the container.
You can find tons of examples with an easy search.