28.01.2020, 01:46 [+3 UTC]
в нашей команде: 4 173 чел. | участники онлайн: 1 (рекорд: 21)

:: РЕГИСТРАЦИЯ

задать вопрос

все разделы

правила

новости

участники

доска почёта

форум

блоги

поиск

статистика

наш журнал

наши встречи

наша галерея

отзывы о нас

поддержка

руководство

Версия системы:
7.80 (15.01.2020)
JS-v.1.35 | CSS-v.3.36

Общие новости:
06.01.2020, 22:45

Форум:
13.01.2020, 16:40

Последний вопрос:
27.01.2020, 10:05
Всего: 151487

Последний ответ:
27.01.2020, 17:36
Всего: 259690

Последняя рассылка:
26.01.2020, 22:46

Писем в очереди:
0

Мы в соцсетях:

Наша кнопка:

RFpro.ru - здесь вам помогут!

Отзывы о нас:
14.08.2011, 07:53 »
korsar
Спасибо за подробный ответ [вопрос № 183865, ответ № 268031]
28.12.2010, 15:54 »
Никита Николаевич Святов
Спасибо большое за рабочий, подробный, быстрый ответ! [вопрос № 181658, ответ № 265162]

РАЗДЕЛ • Графический дизайн

Установка, настройка и работа в программах графического дизайна Adobe Photoshop и CorelDRAW.

[администратор рассылки: FOXhunter (Профессионал)]

Лучшие эксперты в этом разделе

Коцюрбенко Алексей Владимирович
Статус: Модератор
Рейтинг: 732
Лысков Игорь Витальевич
Статус: Старший модератор
Рейтинг: 60
Зёбр
Статус: 3-й класс
Рейтинг: 43

Перейти к консультации №:
 

Консультация онлайн # 144928
Автор вопроса: Dmitry1394
Отправлена: 24.09.2008, 21:02
Поступило ответов: 2

Привет всем. Давно столкнулся с ситуацией что при верстке сайта (его страниц) при разрешении например 1024*768 тестировании в браузере все отображается корректно, но при изменении разрешения скажем 1280*1024 соответственно все содержимое страницы уползает, уменьшается в размер, как справляются с этим подскажите.
Спасибо.

Состояние: Консультация закрыта

Ответ # 230240 от Викулин Антон aka oblak

Здравствуйте, Dmitry1394!
Вопрос - почему все "уползает" - вообще, основной для дизайнера. Все уползает, потому что при изменении размера экрана, картинки и элементы, у которых размер указан в пикселах занимают меньше места на странице, и по-этому появившийся промежуток заполняется текстом, и другими строчными элементами... Это заполнение не всегда коррекно - отсяда и ошибки.
Давайте разберемся в типах верстки.

С точки зрения "уползания" HTML верстка бывает подвижной и статичной... Подвижная - на сайте vikulin-st.ru, статичная - bash.org.ru или porusi.org.
Почему на vikulin-st верстка подвижная?Потому что при изменении окна некоторые элементы будут менять свои размеры - центральная часть с текстом будет расширяться, а правые и левые поля оставаться неподвижными.
Почему на porusi.org статичная?Потому что там наверху находится картинка, которая не меняет размеры при изменении окна - она как была Х пикселов, так и будет, и текст под ней будет занимать ровно столько же пикселова, и никуда не "разъедется", будь экран даже 2000*1600...

Что все это значит?Если у вас вверху страницы картинка постоянного размера, то все проблемы с незапланированным изменением размера решатся быстро - просто задайте всем элементам под картинкой тот же размер в пикселах - и "никто не куда не уйдет".
Если вы хотите, чтобы страница отображалась на больших разрешениях без полей справа и слева, то вам придется освоить "плавающую"(гибкую) верстку - т.е. некоторые элементы жестко привязывать к краям и определять им размер в пикселах, некоторые элементы не привязывать жестко и задавать им размер в процентах.

Какие элементы и как задавать? Для этого надо сначала определиться с технологией верстки - она бывает табличная, верстка слоями(блоками, "css-верстка") и комбинированная... Сразу скажу, что гибкую верстку удобнее делать таблицами или комбинированную - но это не очень модно - в последнее время многие переходят на блоки, т.к. от этого HTML-код гораздо чище, и лучше индексируется поисковиками...Какой из способов выбрать - рещать вам, но одно могу сказать точно - для того, чтобы страница не "расползалась", не уменьшался размер текста, надо четко определить - какие элементы должны менять свой размер при изменении окна, а какие должны оставаться на месте. В первом случае, размеры определяются в процентах, во-втором - в пикселях. Это объяснение довольно примитивно, и не привязано к конкретному сайту, но в целом работает...


Консультировал: Викулин Антон aka oblak
Дата отправки: 25.09.2008, 08:43

Рейтинг ответа:

0

[подробно]

Сообщение
модераторам

Отправлять сообщения
модераторам могут
только участники портала.
ВОЙТИ НА ПОРТАЛ »
регистрация »

Ответ # 230327 от Bogosja

Здравствуйте, Dmitry1394!
Это происходит когда вы указываете размер изображений в процентах к окну браузера. указывайте размеры в пикселях. тогда изображение закрепляется жестко.


Консультировал: Bogosja
Дата отправки: 25.09.2008, 20:35

Рейтинг ответа:

0

[подробно]

Сообщение
модераторам

Отправлять сообщения
модераторам могут
только участники портала.
ВОЙТИ НА ПОРТАЛ »
регистрация »

Мини-форум консультации № 144928
Викулин Антон aka oblak

# 1

= общий = | 25.09.2008, 09:17

Кстати, в дримвивере КС3 в окне просмотра можно еще и разрешение разное эмулировать, чтобы монитор не мучать...

Dmitry1394

# 2

= общий = | 25.09.2008, 09:30

может тогда вы мне и подскажете :), не использую КС3 только из за того что, не могу найти там режим layout при котором активны становятся инструменты layout table и draw layout cell, может плохо ковырялся еще, а литературы по КС3 не могу найти.

Викулин Антон aka oblak

# 3

= общий = | 25.09.2008, 09:39

я поставил CS3, еще когда она была очень сырая, я там вообще много чего найти не мог - советую попробывать другой архив, или ковырятся дальше...

Бородин Александр Олегович

# 4

= общий = | 25.09.2008, 11:54

Что тут сказать... Просто правильно верстать нужно, и не будет ничего уползать. Недавно сам убедился. Если всем рождаться профессионалами!.. Э-эх :)

 

Возможность оставлять сообщения в мини-форумах консультаций доступна только после входа в систему.
Воспользуйтесь кнопкой входа вверху страницы, если Вы зарегистрированы или пройдите простую процедуру регистрации на Портале.

Яндекс Rambler's Top100

главная страница | поддержка | задать вопрос

Время генерирования страницы: 0.16070 сек.

© 2001-2020, Портал RFPRO.RU, Россия
Калашников О.А.  |  Гладенюк А.Г.
Версия системы: 7.80 от 15.01.2020
Версия JS: 1.35 | Версия CSS: 3.36