I need to build a classic 960px layout and I have to convert that 960px into %.So, I should use \[code\]960px / 16px = 60%\[/code\], right?\[quote\] Note: 960px = body width
16px = font size\[/quote\]The problem:\[code\]body {width:60%;} /* 960 / 16px */\[/code\]is a lot smaller than \[code\]body {width:960px;}\[/code\]at same screen dimensions/resolution/width. I know that just resizing it to 74% looks better but then I have to re-calculate all my layout (margins, paddings, widths) to fit that 74%. I have read a lot fluid/responsive/elastic articles and I cannot find out a way to calculate a proper body size.
16px = font size\[/quote\]The problem:\[code\]body {width:60%;} /* 960 / 16px */\[/code\]is a lot smaller than \[code\]body {width:960px;}\[/code\]at same screen dimensions/resolution/width. I know that just resizing it to 74% looks better but then I have to re-calculate all my layout (margins, paddings, widths) to fit that 74%. I have read a lot fluid/responsive/elastic articles and I cannot find out a way to calculate a proper body size.