Отображение сайта в разных разрешениях-2

[sourcedm]

Здраствуйте. Помогите решить такую проблему:

в заголовке сайта с помощью html вставлял 2 изображения, на моем мониторе и во всех браузерах - сайт отображается нормально.

Но на ноутбуке, 17 дюймовом, на другом разрешении экрана - эти 2 изображения пикселей на 20-30 уезжают по бокам...

 

Может кто то откликнется и чем то поможет?

Сайт: http://pravvo.org.ua/

 

Код изображения 1:

 <a href="http://pravvo.org.ua/wp-content/uploads/4.jpg"><img class="alignleft size-full wp-image-378" style="margin-left: 21px; position: relative; top: 23px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/4.jpg" width="500" height="162" /></a>

 

Код изображения 2: 

<a href="http://pravvo.org.ua/dose-viktor-danchenko"><img class="alignleft  wp-image-273" style="position: absolute; top: 17px; right: 20px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/Danchenko1.jpg" width="230" height="162" /></a>

 

[klierik]

картинки как раз таки остаются на месте, а поле у у контейнера при сужении с 20 переключается на 10: http://note.io/JQmlvP

[sourcedm]

картинки как раз таки остаются на месте, а поле у у контейнера при сужении с 20 переключается на 10: http://note.io/JQmlvP

Я что то не нашел в стилях   .container { padding: 0 10px; } ...

 

Это мне наверное нужно что то дописать?

[klierik]

ну там же на скриншоте виден файл. смотри тут: http://pravvo.org.ua/wp-content/themes/hueman/responsive.css?ver=8938

[sourcedm]

ну там же на скриншоте виден файл. смотри тут: http://pravvo.org.ua/wp-content/themes/hueman/responsive.css?ver=8938

Так я понял, исправил. Все равно на ноутбуке видно, что ничего не изменилось... Что то еще может посоветуете?

Edited December 22, 2013 by sourcedm

[klierik]

Ну может кеширование или еще что-то

А можно для правила где указан отступ 20px добавить !important, что в свою очередь отменит все остальные правила

[sourcedm]

Ну может кеширование или еще что-то

А можно для правила где указан отступ 20px добавить !important, что в свою очередь отменит все остальные правила

Не помогает Ни*ре*н* =(, я уже везде понасталял этот !important; 

[klierik]

Он должен быть только в одном месте , там где я указал на скриншоте

[sourcedm]

Он должен быть только в одном месте , там где я указал на скриншоте

Та поставил, ничего не меняется.. Я по несколько способов пробовал. Сейчас только в 1 м место поставил.

[klierik]

то что я вижу в данный момент -- все отлично работает: http://note.io/1fTAnIv

[sourcedm]

Я создал одну картинку - все равно на ноуте съезжает контент сайта вправо...

[klierik]

я говорил о картинках в шапке.

 

тема вопроса поменялась? мы теперь говорим о чем-то другом?

[sourcedm]

Нет, было 2 картинки - логотип и фото человека. Теперь я создал 1 картинку - большую. И всеравно на широких экранах контент съезжает, а картинка остается на месте.

[klierik]

я не могу понять о чем именно идет речь. попробуй прочитать рекомендации по ссылке у меня в подписи и изложить проблему человеко-понятным языком.

[sourcedm]

В заголовке сайта (header.php) с помощью html кода вставил одну большую картинку, на всю ширину блога.
На всех квадратных мониторах и на разных разрешение и в разных браузерах - сайт отображается нормально.
На 17 дюймовом мониторе, т.е. НЕ КВАДРАТНОМ, а широкоформатном - картинка в шапке сайта остаётся на месте, а контент сайта съзжает приблизительно на 20 пикселей в бок. Прикрепляю 2 скриншота:

1) 19 дюймовый монитор; http://www.pictureshack.ru/images/5220_19_dyuimovyi_monitor.JPG

2) 17 дюймовый монитор ноутбука. http://www.pictureshack.ru/images/87651_17_dyuimovyi_monitor_NOUTBUKA.JPG

 

[klierik]

а как должно быть?

 

контент, кстати, никуда не , "съезжает" -- он выравнивается по-центру области.

[sourcedm]

а как должно быть?

 

контент, кстати, никуда не , "съезжает" -- он выравнивается по-центру области.

=( не ну как оно должно быть: если контент не съезжает, то почему ИЗОБРАЖЕНИЕ на широкоформатном экране криво смотрится??? 

Что дописать мне в стилях картинки? align="center"?

[klierik]

ну например можно так: http://note.io/1hyycuu