Почему обрывается меню и футер?

Question

[smoklew]

Почему при увелечении экрана и скролле вправо, обрываются nav и footer.

#nav {
    text-align:center;
    padding:15px 0;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
nav {
    width:980px;
    margin:auto;
}
#footer {
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#EF5826;
    line-height:30px;
}
footer {
    width:980px;
    margin:auto;
}

#footer, #nav - на 100% ширину экрана .
footer, nav - 980px ширину экрана

Answer 1

[Александр Рогачев]

Саму бы верстку (html) увидеть. Или живую версию этого.

Comments

[smoklew]

proteinde.ru

[Александр Рогачев]

Во-первых min-width:980px для body или wrapper. У тебя они сейчас 100% и получается они уменьшаются и обрезают внутренний контент.
Во-вторых переделай позиционирование футера. Вот тут - csstemplater.com можно выбрать опцию "Прижать футер к низу окна браузера" посмотри как там делается и сделай также. Потому что футер у тебя сейчас позиционируется абсолютом и это совсем не хорошо, потом из-за этого будет еще куча проблем если сейчас не переделать. Как минимум даже если оставлять его абсолютным надо чтобы они позиционировался от какого либо родительского элемента, а сейчас он позиционируется от экрана браузера.