0leg5ergeev: если дадите конкретики, фидл например, можно будет посмотреть, а так по ссылке ищите ответ, там куча вариантов) Вы же толком не говорите, чего хотите, даже действие не обозначили)
thehighhomie: грид 960 нужен для размещения центральной части сайта. Если же вы делаете резиновый сайт, то нужна не резиновая сетка, а 2 макета (под 1920 и под 1280 например). И тогда верстальщику будет понятно, как верстать под hd, под что угодно. Это конечно утопия, так никто не делает))) Но адаптивная сетка точно не облегчит работу, а только усложнит.
Но в фотошопе сс2015 есть крутая функция, называется Новый макет направляющих. screen.webirus.ru/2015-10-13_002744.png
Она рисует любую грид сетку под ваш макет.
Ryuk ...: рамку вы поправите, если к header и nav добавите то, что я написал. У вас косяк не в бордере правого блока, а в маргине верхних) Уберите из них левый и правый маргин ( для header и nav укажите margin: 10px 0; ) и у вас бордер правого блока будет с ними наровне.
Souvel1: переносил с таймвеба и джумлу и вордпресс на впс себе, предустановленные, проблем не было. Так тоже самое все. Просто шаги упрощаются тем, что данные вводятся автоматом.
thehighhomie: дописал в ответе " Юзайте старый-добрый грид, и вам хлопот поменьше и верстальщикам гемороя тоже поменьше) " . Сетка должна быть в пикселях, никаких процентов в сетке.
Sergey Goryachev: а также добавить две строчки:
aside ol { margin: 0; padding: 0;}
aside ol li { margin-left: 25px; padding-right: 10px;}
Значения могут быть не точны, поправьте у себя там aside ol li , это делал на прикидку.
Ryuk ...: Я как раз дописал PS: Добавлю, что после применения reset.css нужно будет еще выровнять картинку по центру дива и задать паддинг возможно, чтобы всё прекрасно красиво встало.