Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Как подогнать под разные разрешения?

#11 Silent

Silent
  • Пользователь
  • 11 сообщений
  • Репутация: 0
0

Отправлено 22 Август 2010 - 14:34

Silent, {position: absolute; right: 1px; width: 100px;} - подходит?


Подходит, но это не то что мне нужно.
Во-первых, блок должен располагаться в 70% от левого края экрана, причем отсчет должен вестись от правой границы блока.
Во-вторых, блок с right: .. при чрезмерном сжатии уходит за левый край экрана, а полоса прокрутки так и не появляется. Т.е. для пользователей сидящих, например, с телефона такой блок становится не доступен.
  • 0

#12 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 22 Август 2010 - 15:04

Silent, делай не резиновый а эластичный сайт, прочитай в гугле про это, как раз твой случай.
эластичность сайта - размеры всего содержимого зависят от букв, задавай всё в "em"
  • 0


#13 Silent

Silent
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 22 Август 2010 - 15:18

Silent, делай не резиновый а эластичный сайт


У меня и так всё в em. Пикселы я для примера привел.

P.S. Резиновый, эластичный — очередная туфта, которая к эффективности сайта никакого отношения не имеет.
  • 0

#14 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 22 Август 2010 - 15:48

У меня и так всё в em. Пикселы я для примера привел.

P.S. Резиновый, эластичный — очередная туфта, которая к эффективности сайта никакого отношения не имеет.


_http://matthewjamestaylor.com/ попробуй уменьшать и увеличивать окно браузер, обрати внимание как при этом ведут себя размеры содержимого сайта
  • 0


#15 Silent

Silent
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 22 Август 2010 - 17:45

_http://matthewjamestaylor.com/ попробуй уменьшать и увеличивать окно браузер, обрати внимание как при этом ведут себя размеры содержимого сайта


На этом сайте элементы ведут себя плохо. Мало того, что поисковое поле вылазит за край экрана, так ещё и прокрутка не появляется. Человек с телефоном не сможет им пользоваться.
Если рассматривать мой случай на примере этого сайта, то нужно чтобы боковая колонка оставалась на экране до последнего.
  • 0

#16 gaaarfild

gaaarfild
  • Пользователь
  • 596 сообщений
  • Репутация: 0

Отправлено 22 Август 2010 - 21:49

Ну а как ты хочешь, чтобы все сжималось в линию в итоге?
Сделай к body padding-right: 1px;
  • 0

#17 Silent

Silent
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 23 Август 2010 - 07:14

padding-right: 1px у body не катит

В идеале всё так должно работать:
Изображение

Текст с картинками находится в одном потоке, но в разных дивах или таблицах.
Розовый блок находится слоем выше, но тем не менее должен сжимать блоки с текстом. Он должен уходить за край экрана только когда текст максимально сузится.
  • 0

#18 gaaarfild

gaaarfild
  • Пользователь
  • 596 сообщений
  • Репутация: 0

Отправлено 23 Август 2010 - 12:03

Сделай значит дополнительный контейнер вокруг.
И вообще, если ты выложишь код, то решение найдется гораздо быстрее.
  • 0

#19 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 23 Август 2010 - 12:04

Сделай значит дополнительный контейнер вокруг.
И вообще, если ты выложишь код, то решение найдется гораздо быстрее.

угу
  • 0


#20 Silent

Silent
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 23 Август 2010 - 16:37

Каким-то рандомом получилось то, что хотел, но теперь я в своем коде вообще ничего не понимаю. Всё работает, но как-то через ж...

В общем вот главная страница сайта (извиняюсь, но значимые куски мне из неё не вычленить, т.к. почти всё взаимосвязано.)

1. Объясните мне, пожалуйста, почему левый блок работает как нужно.
2. При уменьшении окна очень рано появляется строка прокрутки но с маленьким паразитным отступом. Как её убрать, не использую min-width?
3. При макимальном сжатии часть информации из основного текста переползает на строчку с меню. Это, вообще, какой-то коллапс! Как такое может быть, если меню и текст находятся в двух независимых дивах?

В Эксплорере 7 и Гугл хроме всё работает одинаково. В остальных браузерах не проверял.
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru