Помощь - Поиск - Пользователи - Календарь
Полная версия: Резиновый сайт
Форум на все случаи жизни > Программирование, скрипты, графика, WEB-строительство > WEB дизайн и прикладное программирование
leon77
День добрый!
Написал сайт под основное разрешение экрана 600х800.
Проблема в том, что при разрешении 1024х768 все очень мелко выглядит и расположено на левой половине экрана.
Как можно растянуть сайт не создавая отдельных страниц под разные расширения?
Можете посмотреть на это уродство:

URL=http://www.lr.kiev.ua

Спасибо!
Ann
leon77
Используйте "резиновую" вёрстку страницы.

в частности:
горизонтальные размеры выставляйте в %,
размеры шрифтов выставляйте в относительных единицах em.


Pahomoff
Прошу не флудить
f0008
Привет всем!!!

Создал в Дримовевере страницу но она получилась несколько больше чем
1024*768 как ее теперь подогнать под этот размер?
Ann
f0008
Я соединила Вашу ветку с ранее существующей аналогичной.

Для того, чтобы страница при любом разрешении максимально эффективно располагалась в окне браузера следует использовать так называемую "резиновую верстку". В частности, например, выставлять горизонтальные размеры в %. По этой теме можно найти много информации в поисковых системах используя ключевые слова " резиновая верстка".
Если же у Вас задача подогнать страницу строго под определенное разрешение (что в принципе обычно нежелательно), нужно задать соотвествующие горизонтальные размеры (зависит от того, как Вы вообще делаете верстку)
f0008
Целенапрвлено верстку не делал просто создал в дримовере
новую стандартную страницу и хочу ее теперь обрезать до 1024*768
Как это сделать? где прописать эти размеры?
Lacerta
Ann
Прошу прощения за глупую просьбу. Если не сложно приведите, плиз, фрагмент HTML кода, в котором шрифт задается в относительных единицах (em).

В Dreamweavwer`е можно задавать в единицах ems, речь идет об одном и томже?
Ann
Да, ems высота шрифта

пример

body {font-size: 1em}
Faust
Здравствуйте, у меня появилась одна неприятная проблема! Так-так я не являюсь профессиональным пользователем Dreamweaver'а, а только любитель у меня появилась неприятная загвостка с размерами страницы, при нарисование страницы с 15 дюймовым монитором и просмотром на 17 дюймовом мониторе всё выглядит иначе, как можно заделать, чтобы страница и рисунки автоматический подгонялись под размер экрана.
Буду очень благодарен за помощь по этой проблеме!!!






Комментарий от Ann
Присоединила к аналогичной ранее существующей теме.
Lacerta
Faust

По-моему, Ann уже ответила на похожий вопрос :)
http://www.bestfilez.net/forums/index.php?showtopic=15318 (резиновая верстка страниц....)
Faust
Lacerta
Спасибо, вопрос исчерпан!!
FatCat
Цитата(Ann @ 7.10.2004 - 08:56)
размеры шрифтов выставляйте в относительных единицах em.

Или в пунктах, тогда и смотреться будет на всех мониторах одинаково, и на печать выведется корректней:
Код
body{font-size:1pt}
Ann
Пункт - абсолютная единица. Да, очень удобно, указал конкретные размеры и всё всегда на своих местах.
Однако, если у пользователя иное разрешение, шрифт может стать, например, слишком мелким. Фиксированный размер лишает пользователя возможности простыми средствами - настройками браузера сделать шрифт удобочитаемым для себя.

Впрочем, правильнее тут будет искать золотую середину. Где-то больше подойдет фиксированный шрифт, например в меню. А если на странице представлен большой текст, лучше не лишать читателя возможности комфортного чтения с индивидуальными настройками.
FatCat
Цитата(Ann @ 7.08.2005 - 01:25)
Пункт - абсолютная единица. Да, очень удобно, указал конкретные размеры  и всё всегда на своих местах.
Однако, если у пользователя иное разрешение, шрифт может стать, например, слишком мелким.
Пункт - это 1/72 дюйма, безотносительно размера и разрешения экрана.
em - вычисленный размер шрифта, зависит от разрешения экрана.
ptychka
Пытаюсь сделать сайт с помощью резиновой верстки, но не все корректно получается. Делаю примерно по такой схеме (рисунок)
Саму страницу можно увидеть здесь [url=http://www.epyza.com/shablon.html]
Страница нормально выглядит только в Опере (8.5 - более ранние версии не проверяла) в IE и Мозилле не корректно. колонка , где не указан размер не показывается в обоих браузерах, а колонка с фиксированным размером (200 рх) разъезжается и фон "множится". А по дизайну фон этой колонки сделан так, что это дробление крайне не желательно. (То же происходит с шапкой и нижней частью)
Подскажите как лучше указать ширину средней "разделительной" колонки, чтобы не разъезжалась фиксированная колонка? Или это не реально и проще переделать фотошопный дизайн, чтобы в случае нарушения ширины, не было заметно?
Ann
ptychka Попробуйте почитать тут http://htmlbook.ru/content/?id=83 и далее о табличной верстке . Описаны многие нюансы.
Там же есть перекрестные ссылки на информацию по CSS - установка атрибутов стиля фона и т.д.
..
Это текстовая версия — только основной контент. Для просмотра полной версии этой страницы, пожалуйста, нажмите сюда.

Русская версия Invision Power Board © 2001-2024 Invision Power Services, Inc.

Warning: require_once(/var/www/bestfil1/public_html/setlinks_0d98c/slsimple.php) [function.require-once]: failed to open stream: No such file or directory in /var/www/bestfil1/public_html/forums/lofiversion/index.php on line 355