Смещение элементов дизайна при изменении масштаба в браузере

[kazimira]

Всем, приветик!

Подскажите, пожалуйста, что можно сделать в такой ситуации:

Вот страничка http://innana2007.narod.ru/index2.html

Когда масштаб в браузере равен 100% - все нормально, но стоит только его изменить, как все отдельные элементы начинают разъезжаться вправо. И выглядит все вот так http://innana2007.narod.ru/design/Sait1.jpg

Edited October 29, 2008 by kazimira

[homm]

косяки браузера, ничего не поделать.

[kazimira]

Так самое интересное, у меня монитор обычный 17-дюймовый и разрешение 1024х768, и на нем в IE, опере и FF с разными масштабами показывает отлично, ничего никуда не съезжает. А вот на ж/к мониторе с разрешением 1360х768 при изменении масштаба - все едит. Так может это не с браузером проблема, а с тем под какое разрешение верстать (или с тем у кого какой монитор )

Edited October 29, 2008 by kazimira

[homm]

Да нет же, это связано с цветом мыши. У тебя мыши на компах разного цвета?

[kazimira]

Отличная шутка.

Но чем же тогда это можно объяснить?

у меня монитор обычный 17-дюймовый и разрешение 1024х768, и на нем в IE, опере и FF с разными масштабами показывает отлично, ничего никуда не съезжает. А вот на ж/к мониторе с разрешением 1360х768 при изменении масштаба - все едит.

[Anami]

Потаму что верстка - ахтунг. Как можно делать сайт руководствуясь принципом: все элементы ставлю через position:absolute и margin в 300-600px 0_о

По моему такие косяки в этом случае ожидаемы.

И кстати в фф, сафари и хроме реклама яндекса в левом верхнем углу - поверх контента

[homm]

Но чем же тогда это можно объяснить?

Твоей невнимательностью, сбоем оборудования. Но никогда не поверю что рендеринг в опере зависит от масштаба. В ие зависит — он вонючее говнище, в фф не знаю, в опере все как надо. Максимум что может меняться — размер шрифтов, потому что шрифты не пропаорционально уменьшаются с уменьшением кегла. На сверхнизких масштабах это заметно. Но ±50% не дают проблем.

Потаму что верстка - ахтунг.

Это твоя родина блочная верска, сынок.

[Anami]

Это твоя родина блочная верска, сынок.

Это надругательство над ней

Edited October 29, 2008 by Anami

[rus]

Особенно понравилось вот это:

<div id="text">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

[kazimira]

Особенно понравилось вот это:

<div id="text">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

Это на время - вместо текста.

[kazimira]

Приветик всем!

Да вот разобралась, в чем собственно проблема. Действительно, в опере и FF все показывает отлично - при изменении масштаба. А вот всеми "любимый" IE оставляет пространство между элементами.

После экспериментов пришла к выводу, что нужно все margin заменить на такие обозначения: top, right, left, bottom.

Например:

margin: 10px 0px 0px 50px;

Заменить на:

top: 10px;
left: 50px;

После этого все стало отображаться отлично. Казалось бы - все так просто, а IE заставил пошевилиться. Все-таки жизнь без этого браузера была бы скучной.

Edited November 4, 2008 by kazimira