При уменьшении экрана контент и меню уезжают влево

[jkz]

При уменьшении экрана меню с контентом уезжает влево, как посоветуете этого избежать


Можно посмотреть: olyakutukova.narod.ru/1/index.html только нужно поменять кодировку на utf8, если будут крокозябры. Это просто тестовая ссылка.

Буду очень признательна за совет.

 

[jkz]

Верстку можно посмотреть по адресу http://olyakutukova.narod.ru/1/index.html только если будут крокозябры поменяйте кодировку на utf-8.
Подскажите пожалуйста, исправишь одну проблему, вылазиет другая.

 

[Bad_Boy]

немного не понял, при каком уменьшении? может вместо вашего
element.style {
position: absolute;
left: 1243px;
top: 0px;
visibility: hidden;
z-index: 999;
}
поставить
element.style {
position: absolute;
left: auto;
top: 0px;
visibility: hidden;
z-index: 999;
}
хотя я не пойму немного, что и куда уезжает и при каком уменьшении.

 

[Jackito]

Он имел ввиду, что при уменьшении разрешения экрана body смещается левее по отношению header. У вас стоит разная ширина в блоках.

#header {
background: url("../images/header.png") no-repeat center top transparent;
margin: 0 auto;
height: 455px;
width: 1303px;
position: relative;
}

и

#container {
background: url("../images/footer.png") no-repeat scroll center bottom transparent;
min-width: 1024px;
text-align: center;
}

 

[jkz]

Он имел ввиду, что при уменьшении разрешения экрана body смещается левее по отношению header. У вас стоит разная ширина в блоках.

#header {
background: url("../images/header.png") no-repeat center top transparent;
margin: 0 auto;
height: 455px;
width: 1303px;
position: relative;
}

и

#container {
background: url("../images/footer.png") no-repeat scroll center bottom transparent;
min-width: 1024px;
text-align: center;
}

Спасибо. Это помогло но не для IE. В IE фон контента поднялся вверх, а пр уменьшении размера экрана боди так и сдвигается влево.
Я поставила для container min-width: 1033px; в header не могу ме5нять ширину, так как будет обрезаться фоновое изображение

Он имел ввиду, что при уменьшении разрешения экрана body смещается левее по отношению header. У вас стоит разная ширина в блоках.

#header {
background: url("../images/header.png") no-repeat center top transparent;
margin: 0 auto;
height: 455px;
width: 1303px;
position: relative;
}

и

#container {
background: url("../images/footer.png") no-repeat scroll center bottom transparent;
min-width: 1024px;
text-align: center;
}

Спасибо. Это помогло но не для IE. В IE фон контента поднялся вверх, а пр уменьшении размера экрана боди так и сдвигается влево.
Я поставила для container min-width: 1033px; в header не могу ме5нять ширину, так как будет обрезаться фоновое изображение


Я для containera и header ПОСТАВИЛА ОДИНАКОВУЮ ШИРИНУ 1250px, но IE также сдвигает контент с меню влево