Помогите позиционировать картинки под разное разрешение экрана

[ioh]

Попробуй так:

body {
     ...
     margin:0 !impotrant;
     ...
}

Просто походу js-ом стили рисуются

Спасибо, margin: 0 сработало.
Только вот полоса прокрутки внизу осталась. У меня вообще была идея сделать все под разное разрешение монитора, но справиться сама не могу. Лучше ставить размер bg header и footer 1920 или все же минимальное значение?

 

[Yuriy26]

Только вот полоса прокрутки внизу осталась. У меня вообще была идея сделать все под разное разрешение монитора, но справиться сама не могу. Лучше ставить размер bg header и footer 1920 или все же минимальное значение?

Чтобы убрать полосу прокрутки снизу, добавьте в body значение overflow-y: hidden

 

[ioh]

Чтобы убрать полосу прокрутки снизу, добавьте в body значение overflow-y: hidden

спасибо. А как все-таки быть с самими фонами хедера и футера. Как размеров они должны быть?

 

[Yuriy26]

Фоновые изображения хидера и футера отображаются корректно их можно оставить как есть, я бы Вам посоветовал убрать <img src="/images-new/bg_footer.png">, данное изображение лишнее, оно портит внешний вид на мониторах размером более 22-х дюймов.

Сейчас копирайт у Вас выводится не корректно, попробуйте заменить код на:

<center>
  <div style="display: block; margin-right: auto; margin-left: auto; margin-top: 174px;">
    &copy; <?php echo date('Y'); ?> <br />
     <a href="http://sashulya.com.ua/" target="_blank">"Сашуля" Все права защищены.</a>
</div>
</center>

 

[ioh]

спасибо огромное за помощь.
а еще скажите, для планшетов и пр. данные изображения будут корректно показываться? а то у меня нет возможности сейчас это проверить )))

 

[Yuriy26]

На планшете <div id="wrap">...</div> не выравнивается по центру, он прижат к левому краю. Подозреваю, что это из-за абсолютной позиции в <div id="wr"></div>.

 

[ioh]

На планшете <div id="wrap">...</div> не выравнивается по центру, он прижат к левому краю. Подозреваю, что это из-за абсолютной позиции в <div id="wr"></div>.

так значит надо поставить relative?

 

[Yuriy26]

Нет, при такой позиции "wrap" будет смещен вниз на значение высоты "wr".
Попробуйте в "wr" закомментировать строку position: absolute, а для "wrap" в стилях прописать:

#wrap {
    left: 50%;
    margin-left: -475px;
    max-width: 965px;
    min-width: 98px;
    padding: 0;
    position: absolute;
    top: 0;
}

 

[ioh]

Нет, при такой позиции "wrap" будет смещен вниз на значение высоты "wr".
Попробуйте в "wr" закомментировать строку position: absolute, а для "wrap" в стилях прописать:

#wrap {
    left: 50%;
    margin-left: -475px;
    max-width: 965px;
    min-width: 98px;
    padding: 0;
    position: absolute;
    top: 0;
}

сделала, спасибо. Часа через 2 попаду домой и смогу сама на планшете глянуть, что получилось )

 

[ioh]

на планшете все равно слева блок и полоса прокрутки нижняя присутствует (