Андрей Бастрыкин
188 сообщений
#16 лет назад


Здравствуйте, уважаемые коллеги!
Необходим совет по части верстки.
Пробую сделать следующую конструкцию (приложение скрин) и не выходит.
Сова внутри, это флеш. Рамка - фон. Снизу графический копирайт, а справа графическая ссылка.
Хочу, чтобы рамка с листочками была поверху флеша где Сова. Дорожный указатель справа, и копирайт снизу.И чтобы не было горизонтальное и вертикальное выравнивание без "схлопывания".
Пробовал двумя способами.
Таблицей с тремя колонками. Поместил флеш с рамкой-фоном в центр. ячейку, ссылку в правую. Но как то с шириной в % не угадал и начало сьедать рамку. Схлопнулось и не видно ее(фона).
Блоками - центральный margon:0px auto; нижний и правый упрятал в дивы и позиционирование botto:0; left:0; width:100%;. Но при сжатии страницы блоки залезли на embed-флеш и получилось неприглядное зрелище :P
Теперь уже не знаю, как и делать.. Ломал-ломал голову.Очень помог бы совет со стороны.
Заранее спасибо всем отклинувшимся)
Tan Sa
127 сообщений
#16 лет назад
А попробуйте все запихнуть в блок position:relative и задать position: absolute где у стрелки будет right: 0 естественно основной div надо растянуть на весь экран
Михаил В.
2195 сообщений
#16 лет назад
М.. а в чем сложность? Общий внешний div, допустим #page, все правильно как выше советуют с position:relative.
Для flash'а - swfobject. Листья поверх с position:absolute. Соответственно задать z-index для объектов.
Для #page задать нужный min-width (expression для IE6). Чтобы не слопывалось по вертикали - min-height (height для IE6).
Если нужно прижать блок к низу - ну и по правому краю стрелку с абсолютным позиционированием и right:0;