Как подвинуть border и опустить footer?

Question

[RedHairOnMyHead]

Как подвинуть бордер чуть левее и опустить футер (возможно ли его там закрепить)?

Answer 1

[Сергей Горячев]

Я конечно понимаю, что сайт для того, чтобы задавать вопросы, но вопросы такого уровня знает даже яндекс. Иногда было бы неплохо и туда заглядывать :)))
1. Бордер можно поправить сбросом стилей, насколько я вижу, у вас они не сброшены для ul li, ol li. reset.css поможет.
2. С подвалом еще проще, в интернете 100500 вариантов, как это сделать dimox.name/press_footer_bottom_with_css .
PS: Добавлю, что после применения reset.css нужно будет еще выровнять картинку по центру дива и задать паддинг возможно, чтобы всё прекрасно красиво встало.

Comments

[RedHairOnMyHead]

Сброс margin и padding у ol li не помогает.

[Сергей Горячев]

Ryuk ...: Я как раз дописал PS: Добавлю, что после применения reset.css нужно будет еще выровнять картинку по центру дива и задать паддинг возможно, чтобы всё прекрасно красиво встало.

[Сергей Горячев]

Ryuk ...: очень тяжело ответить не видя кода.

[RedHairOnMyHead]

codepen.io/anon/pen/PPKQVX?editors=110

[Сергей Горячев]

Ryuk ...: для header и nav укажите margin: 10px 0;

[Сергей Горячев]

Ryuk ...: для aside img display: block; и margin: auto; вместо vertical-align.

[Сергей Горячев]

Sergey Goryachev: а также добавить две строчки:
aside ol { margin: 0; padding: 0;}
aside ol li { margin-left: 25px; padding-right: 10px;}
Значения могут быть не точны, поправьте у себя там aside ol li , это делал на прикидку.

[Сергей Горячев]

Sergey Goryachev: по поводу подвала давал ссылки выше, там 5 способов как это сделать.

[Сергей Горячев]

Да тьфу, что я сам себе пишу :(((

[RedHairOnMyHead]

В том-то и дело, что margin и padding прижимают только текст, но не рамку.

[Сергей Горячев]

Ryuk ...: рамку вы поправите, если к header и nav добавите то, что я написал. У вас косяк не в бордере правого блока, а в маргине верхних) Уберите из них левый и правый маргин ( для header и nav укажите margin: 10px 0; ) и у вас бордер правого блока будет с ними наровне.

[RedHairOnMyHead]

Да, пропустил.
Премного благодарен.

Answer 2

[littleguga]

Взять и подвинуть левее.
Взять и опустить футер, можно закрепить либо через position: absolute; bottom: 0;
либо position: fixed; bottom: 0;

А вот честно, как бы Вы стали помогать другому человеку на такой же вопрос, где есть только картинка?

Comments

[Сергей Горячев]

littleguga, девиз у вас классный)

[RedHairOnMyHead]

codepen.io/anon/pen/PPKQVX?editors=110

[littleguga]

Sergey Goryachev: спасибо :)