сайт на разных компьютерах выглядит по-разному

Promise · 05.06.2012

сайт на разных компьютерах выглядит по-разному

Добрый день!
Подскажите, пожалуйста, в чем может быть причина. Я новичок в верстке. Пока учусь сама и спросить не у кого. Создала дома сайт. Подогнала под макет в PixelPerfect. Пришла на работу, запустила - уже не совпадает. Особенно смутило, что дома текстовые поля размером 32 символа совпадали с макетом, а на работе пришлось устанавливать 30 символов. В чем может быть причина? Кто-нибудь с таким сталкивался? Размеры мониторов разные (на работе больше), но от этого ведь не должно зависеть? Что можно сделать?

Pifagor · 05.06.2012

Может быть просто в разных браузерах смотришь?

slavny · 05.06.2012

Promise сказав(ла):
Кто-нибудь с таким сталкивался? Размеры мониторов разные (на работе больше), но от этого ведь не должно зависеть? Что можно сделать?

Вероятно, дело не в размере монитора, а в разрешении экрана.

Тоже с таким сталкивался, но ничего не делал.

Promise · 05.06.2012

i-seller2 сказав(ла):
Вероятно, дело не в размере монитора, а в разрешении экрана. Тоже с таким сталкивался, но ничего не делал.

Странно. Но как тогда выполнить требования заказчика? Не слышала никогда, чтобы оговаривали в требованиях разрешение экрана.

По поводу браузера - и там и там Фаерфокс. Разве что версии разные, возможно (это не проверяла).

Cyber_Master · 05.06.2012

Promise сказав(ла):
Странно. Но как тогда выполнить требования заказчика? Не слышала никогда, чтобы оговаривали в требованиях разрешение экрана.

Дизайн сайта может быть двух видов.

Т.н "Резиновый" - это дизайн который будет растягиваться на весь монитор, вне зависимости от его разрешения.

И есть "Фиксированый" у которого есть четко заданы размеры, он везде будет выглядеть одинаково. Размер этого варианта как правило оговаривается заранее.

А у Вас вероятнее всего дело в масштабе браузера. Попробуйте дома нажать в браузере нажать ctrl + 0. Эта комбинация выставит масштаб 100%.

Если же это не поможет - то скорее всего дело в не кроссбраузерной верстке.

thorny · 07.06.2012

Cyber_Master сказав(ла):
Дизайн сайта может быть двух видов.

Т.н "Резиновый" - это дизайн который будет растягиваться на весь монитор, вне зависимости от его разрешения.

И есть "Фиксированый" у которого есть четко заданы размеры, он везде будет выглядеть одинаково. Размер этого варианта как правило оговаривается заранее.

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

Promise · 07.06.2012

thorny сказав(ла):
А еще это может относиться к отдельным элементам сайта, и соответственно одни элементы сайта при разности моника будут вести себя по одному, другие по другому

А с этим что делать?

Cyber_Master сказав(ла):
Дизайн сайта может быть двух видов.

А у Вас вероятнее всего дело в масштабе браузера. Попробуйте дома нажать в браузере нажать ctrl + 0. Эта комбинация выставит масштаб 100%.

Если же это не поможет - то скорее всего дело в не кроссбраузерной верстке.

Спасибо. Попробую.

Promise · 08.06.2012

deniking сказав(ла):
Зделай макет сайта не резиновым а фиксированным. По статистике мониторы с разрешением 1024 больше всего в инет. Вот и делай сайт на 1000 пикселей.

Он фиксированый.

Серый Fолк · 08.06.2012

Promise сказав(ла):
Добрый день!
Подскажите, пожалуйста, в чем может быть причина. Я новичок в верстке. Пока учусь сама и спросить не у кого. Создала дома сайт. Подогнала под макет в PixelPerfect. Пришла на работу, запустила - уже не совпадает. Особенно смутило, что дома текстовые поля размером 32 символа совпадали с макетом, а на работе пришлось устанавливать 30 символов. В чем может быть причина? Кто-нибудь с таким сталкивался? Размеры мониторов разные (на работе больше), но от этого ведь не должно зависеть? Что можно сделать?

Думаю, необходимо указать размер текстовых полей явно в пикселях. Тогда проблем не будет.

Promise · 11.06.2012

Серый Fолк сказав(ла):
Думаю, необходимо указать размер текстовых полей явно в пикселях. Тогда проблем не будет.

Да, Вы правы. Спасибо.

Обычно ширина текстового поля регулируется параметром size тега <INPUT>, но в большинстве случаев это не удобно, поскольку на размер в таком случае влияет выбор браузера, его параметры, настройки операционной системы и т.д. Чтобы установить заданную ширину поля лучше использовать стили, в частности, ширина изменяется с помощью атрибута width.