Форум Академгородка, Новосибирск > Проблема с версткой.
Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Проблема с версткой.
Форум Академгородка, Новосибирск > Хобби и увлечения > Наше творчество > Дизайн
Astronom
Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига.
И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась).
Лабораторный
Цитата(Astronom @ 23.12.2009, 13:50) *
Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига

Попробуйте задать для блока ссылок абсолютное позиционирование в процентах в CSS-стиле.

Цитата(Astronom @ 23.12.2009, 13:50) *
И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась).

Резиновая верстка.
Марийка
Цитата(Astronom @ 23.12.2009, 13:50) *
Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига.
И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась).

Фоновая картинка не растягивается. Она может только повторятся.
Astronom
Цитата(Марийка @ 24.12.2009, 2:46) *
Цитата(Astronom @ 23.12.2009, 13:50) *
Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига.
И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась).

Фоновая картинка не растягивается. Она может только повторятся.

Но мы ведь можем вставить ее в тег IMG
eddy2
Вы бы определились, что вам нужно то. Ибо занимало 100% ширины - это одно - это фоновая картинка делает по умолчанию. А растягивалась\сужалась - это другое.
пример
А "резиновая картинка" - картинка заполняющая всю ширину без изменения пропорций элементов но с подвижными элементами - это третье.
Марийка
Цитата(Astronom @ 25.12.2009, 14:13) *
Цитата(Марийка @ 24.12.2009, 2:46) *

Фоновая картинка не растягивается. Она может только повторятся.

Но мы ведь можем вставить ее в тег IMG

Ну так, извините, тогда не фоновая картинка растягивается. smile.gif
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Русская версия IP.Board © 2001-2024 IPS, Inc.