Проблема с CSS относительно атрибута margin и position?

Question

Итак, у меня есть этот код:

footer { 
    background-color: #359DFF; 
    text-align: right; 
    text-decoration: overline; 
    height: 50px; 
    width: 100%; 
    padding: 25px; 
    margin: 0px; 
    bottom: 0px; 
    position: absolute; 
} 

На этой странице: http://ltd.url.ph/ Я работаю на веб-странице для моей школы, но сноска, кажется, не по размеру страницы, а также, в левой сторона, есть пробел, из-за чего нижний колонтитул выглядит уродливым, так как есть белая полоса прямо в начале нижней части страницы, которая не должна быть там.

Любые идеи о том, как исправить это и заставить ширину отрегулировать себя на всех страницах? width: 100% не будет работать для меня.

Answer 1

Для стилей тела, добавьте

padding:0; 
margin:0; 

Тогда для колонтитула, снимите правый/левый отступы, делая это вместо

padding:25px 0; /*This gives a top/bottom padding of 25px, and a left/right padding of 0.*/ 

Кроме того, это будет выглядеть лучше, если бы вы сделали text-align:center для ваш нижний колонтитул.

Answer 2

Прежде всего, когда вы добавляете дополнение нижнего колонтитула, вы увеличиваете его, поэтому удалите прокладку из нижнего колонтитула и добавьте его в p. , тогда вам нужно удалить высоту 50 пикселей из нижнего колонтитула. и для окончательного касания установите p margin на 0; и установите отступ до: 0 25px; это даст тот же вид во всех браузерах на необходимости известково() и другие правила странно CSS здесь есть чистейший код для него:

footer { 
    background-color: #359DFF; 
    text-align: right; 
    text-decoration: overline; 
    width: 100%; 
    margin: 0px; 
    bottom: 0px; 
    position: absolute; 
} 
footer p{ 
    margin:0; 
    padding:0 25px; 
} 

и вам не нужно дополнительный DIV держать с.

Answer 3

This Should work for you: 

html, body{ 
-webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 

} 

body{ 


margin: 0;padding:0; float:left; min-width:100%; 
} 
footer{ 
background-color: #359DFF; 
text-align: right; 
text-decoration: overline; 
width: 100%; 
margin: 0px; 
bottom: 0px; 
position: absolute; 
}footer p{width: 95%;}