X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> "Резиновые" поля
Wilder_hb
Wilder_hb
Topic Starter сообщение 6.10.2010, 20:20; Ответить: Wilder_hb
Сообщение #1


Никак не могу сообразить, как сделать следующее. Полный макет (резиновый) условно выглядит следующим образом:
[IMG]http://my.lionstudio.ru/other/ex-1.png[/IMG]

Красным цветом обозначены элементы дизайна, которые при достижении минимально допустимой ширины браузера (например, 1024 px) должны скрываться, т.е. вести себя как обычный фон (сайт должен выглядеть, как на втором рисунке, без появления горизонтальной полосы прокрутки).

[IMG]http://my.lionstudio.ru/other/ex-2.png[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Yasuka
Yasuka
сообщение 6.10.2010, 22:41; Ответить: Yasuka
Сообщение #2


Совсем недавно обсуждали (тема).
Посмотрите, может сможете адаптировать под свои потребности.

:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wilder_hb
Wilder_hb
Topic Starter сообщение 6.10.2010, 22:54; Ответить: Wilder_hb
Сообщение #3


Да, популярный вопрос, оказывается. А поиском не нашел. Завтра проверю, отпишусь. Спасибо! :-)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wilder_hb
Wilder_hb
Topic Starter сообщение 7.10.2010, 11:07; Ответить: Wilder_hb
Сообщение #4


С левым элементом все понятно. А вот с правым - проблема. Тот пример рассчитан на фиксированную ширину основного блока, у меня же - "резиновый", т.е. расстояние от левого края до правого блока не указать. А отталкиваться от правого края не получается. Сдается мне, что это невозможо в принципе. Или все-таки возможно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Yasuka
Yasuka
сообщение 7.10.2010, 11:52; Ответить: Yasuka
Сообщение #5


А Ваши фоны, тоже, должны оставаться на месте при прокрутке? Или нет?
Если нет, то можно сделать как-то так:

#leftbg {
position: relative;
left:-102px;
width: 102px;
height: 50px;
background: transparent url(lb.gif) no-repeat;
}
#rightbg {
position: relative;
left:100%;
top:-50px;/* Высота левого фонового блока */
width: 100px;
height: 50px;
background: transparent url(rb.gif) no-repeat;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wilder_hb
Wilder_hb
Topic Starter сообщение 7.10.2010, 12:04; Ответить: Wilder_hb
Сообщение #6


Да, фоны не должны фиксироваться. Подобным образом я и начинал делать, но так появляется горизонтальная прокрутка из-за правого блока.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Yasuka
Yasuka
сообщение 7.10.2010, 15:28; Ответить: Yasuka
Сообщение #7


Попробовал еще несколько способов, но ничего не получилось.
Скорее всего можно решить только при помощи JavaScript.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wilder_hb
Wilder_hb
Topic Starter сообщение 7.10.2010, 15:32; Ответить: Wilder_hb
Сообщение #8


JavaScript неприемлим в данном случае. Поскольку я пришел ранее к тому же выводу, будем считать, что задача, возможно, имеет решение только в CSS3, что тоже пока учитывать в полной мере нельзя :-)

Немного изменим дизайн, чтобы там не было таких элементов. Но на будущее, если рецепты для CSS2 появятся - буду благодарен :-)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 7.10.2010, 15:44; Ответить: locky-yotu
Сообщение #9


А эти ваши элементы дизайна - просто бекграунды, или это блоки с контентом?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wilder_hb
Wilder_hb
Topic Starter сообщение 7.10.2010, 15:49; Ответить: Wilder_hb
Сообщение #10


Да, фактически просто пустые блоки с фоном.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Хостинг "Hostland" - качественный хостинг по разумным ценам и со своей Панелью Управления
0 artmeteor 532 18.4.2024, 22:46
автор: artmeteor
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
15 Chekon 4467 18.4.2024, 12:00
автор: Chekon
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
13 Chekon 4095 18.4.2024, 11:48
автор: Chekon
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
15 Tia2 2377 17.4.2024, 0:54
автор: diviner99
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4529 13.3.2024, 13:10
автор: Room


 



RSS Текстовая версия Сейчас: 24.4.2024, 6:05
Дизайн