25.09.2008, 08:43
общий
это ответ
Здравствуйте, Dmitry1394!
Вопрос - почему все "уползает" - вообще, основной для дизайнера. Все уползает, потому что при изменении размера экрана, картинки и элементы, у которых размер указан в пикселах занимают меньше места на странице, и по-этому появившийся промежуток заполняется текстом, и другими строчными элементами... Это заполнение не всегда коррекно - отсяда и ошибки.
Давайте разберемся в типах верстки.
С точки зрения "уползания" HTML верстка бывает подвижной и статичной... Подвижная - на сайте vikulin-st.ru, статичная - bash.org.ru или porusi.org.
Почему на vikulin-st верстка подвижная?Потому что при изменении окна некоторые элементы будут менять свои размеры - центральная часть с текстом будет расширяться, а правые и левые поля оставаться неподвижными.
Почему на porusi.org статичная?Потому что там наверху находится картинка, которая не меняет размеры при изменении окна - она как была Х пикселов, так и будет, и текст под ней будет занимать ровно столько же пикселова, и никуда не "разъедется", будь экран даже 2000*1600...
Что все это значит?Если у вас вверху страницы картинка постоянного размера, то все проблемы с незапланированным изменением размера решатся быстро - просто задайте всем элементам под картинкой тот же размер в пикселах - и "никто не куда не уйдет".
Если вы хотите, чтобы страница отображалась на больших разрешениях без полей справа и слева, то вам придется освоить "плавающую"(гибкую) верстку - т.е. некоторые элементы жестко привязывать к краям и определять им размер в пикселах, некоторые элементы не привязывать жестко и задавать им размер в процентах.
Какие элементы и как задавать? Для этого надо сначала определиться с технологией верстки - она бывает табличная, верстка слоями(блоками, "css-верстка") и комбинированная... Сразу скажу, что гибкую верстку удобнее делать таблицами или комбинированную - но это не очень модно - в последнее время многие переходят на блоки, т.к. от этого HTML-код гораздо чище, и лучше индексируется поисковиками...Какой из способов выбрать - рещать вам, но одно могу сказать точно - для того, чтобы страница не "расползалась", не уменьшался размер текста, надо четко определить - какие элементы должны менять свой размер при изменении окна, а какие должны оставаться на месте. В первом случае, размеры определяются в процентах, во-втором - в пикселях. Это объяснение довольно примитивно, и не привязано к конкретному сайту, но в целом работает...