Съезд блока при изменении масштаба

[Nick16]

Доброго времени суток. Скажу сразу, это мой первый опыт верстки, так что вопрос может показаться глупым.

При масштабировании страницы правый блок начинает съезжать относительно других соседних. Как от этого избавиться? И на этом этапе может быть у кого советы какие будут.

http://jsfiddle.net/myydnLbm/

Заранее спасибо.

[antonKar]

А вы что ожидали, когда у вас процентный отступ от верха страницы? Поставьте родителю position: relative и делайте всё относительно родителя в пикселях.

 

И на этом этапе может быть у кого советы какие будут.

Бить себя металлической линейкой по рукам каждый раз, когда вы используете абсолютное позиционирование там, где оно не нужно. В случае вашей текущей вёрстки оно нигде не нужно. 

[Nick16]

Насчет процентов это я исправил. Взял за родителя изображение с ручкой. При масштабировании не съезжает. И теперь другая проблема, уже часа два пытаюсь сообразить, из-за чего правый блок находится ниже и не реагирует на изменение top, и откуда расстояние между цитатой и нижним текстом на градиенте.

http://jsfiddle.net/myydnLbm/2/

[amelice]

Свойство top не применяется к флоату.   Дело в отступе абзаца, который находится в правом блоке. 

Почитайте для начала азы. Думать ошибочно, что все свойства подходят всем элементам. 

[antonKar]

Свойство top не применяется к флоату.

top не применяется к элементам, у которых position задан как static

[amelice]

Вы правы, я не верно выразилась.

Но у всех элементов по умолчанию position: static, если он не указан.

Edited July 13, 2015 by amelice