freesoul

Подскажите пожалуйста Как Флеш-объект шириной в 1800px расположить так, чтобы на мониторе с разрешением в 1280 + - px в ширину, этот объект располагался по центру (т.е. его края уходят как вправо так и влево, на равное расстояние) и при этом не было полоски прокрута снизу. С картинками я решал эту проблему с помощью background-position: top center; Но как быть в данном случае с флешем?

Постараюсь кратко изложить суть проблемы есть два блока <div id="background" style="position:absolute;"> <div id="bg1"></div> <div id="bg2"></div> <div id="bg3"></div> <div id="bg4"></div> <div id="bg5"></div> </div> таким образом я сформировал сложный фон для страницы, теперь мне нужно сверху наложить остальную часть сайта <div id="body" style="position:absolute;"> <div id="content"></div> ............ ............. </div> В итоге получаем сайт состоящий из двух слоев Но мне нужно, чтобы <div id="background"> был дочерним по отношению к <div id="body"> дабы фон растягивался по высоте в зависимости от кол-ва контента в div id="body" Помогите пожалуйста

Чуть по-другому Зайдите через файрфокс на http://freesoul.myvnc.com/ - это то, что нужно получить, но и из других браузеров тоже для наглядности border=1 + картинка того, что нужно

С таблицами проще, но ИЕ все портит, никак не могу под него подстроить Кто поможет - буду оч признателен Добро пожаловать(: http://forum.htmlbook.ru/index.php?showtopic=24540

Не работает и все тут =( Пашет только если в #body Явно задать высоту в px. Не работает даже min-height ни в %, ни px Ведь как-то ж делают, чтобы левая и правая колонки подстраивались под высоту средней.... как в table

или я уже запутался или вы меня неправильно поняли) Давайте попробуем упростить задачку: <div id="body"> <div id="leftsidea"> </div> <div id="bodycenter"> </div> <div id="rightside"></div> </div> и css к нему html{heigh:100%;} body{heigh:100%;} #body{ text-align: center; width:1300px; float:left; } #leftsidea{ height:100%; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #bodycenter{ width:1095px; height:100%; float:left; } #rightside{ width:60px; height:100%; background-image: url('../images/rightside.png'); background-repeat: repeat-y; float:left; } Рассуждая логически: Идет блок #body, ему ничего не нужно кроме фикс ширины Далее левый блок #leftsidea - иммеет фон, который должен повторяться по вертикали и иметь такую же высоту как #bodycenter, в который забиваем текст, много текста, его высота растет! И третий блок аналогичный 1-му, нужно чтобы его высота была такой, как у #bodycenter Как же сделать, чтобы правая и левые блоки подстраивались по высоте ... кроме как не hight:100%;

Высота определяется кол-вом контента в блоке #bodycenter{ Задал ему Height:100%; Но ничего не изменилось =\ как-же ж ему высоту брать

Привет есть небольшой код <div id="body"> <div id="leftcol"> <div id="leftsidea"></div> <div id="leftsideb"></div> <div id="leftsidec"></div> </div> <div id="bodycenter"> text </div> <div id="rightside"></div> </div> и css #leftcol{ width:145px; float:left; height:100%; } #body{ text-align: center; width:1300px; float:left; } #leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/leftmid.png'); background-repeat: no-repeat; float:left; } #leftsidec{ text-align: left; height:100px; width:145px; background-image: url('../images/leftmid2.png'); background-repeat: no-repeat; float:left; } #bodycenter{ width:1095px; text-align: center; background-color:#f2f4f2; float:left; } #rightside{ text-align: right; width:60px; height:100%; background-image: url('../images/rightside.png'); background-repeat: repeat-y; float:left; } не выходит у меня никак repeat-y по вертикали Хочу получить

=( ничего не изменилось

Привет! Ситуация след. Таблица - три столбца, три ячейки в левом столбце, по одной во втором и третьем столбце Нужно: 1-я ячейка левого столбца - background-image height:100%; repeat-y 2-я ячейка левого столбца - background-image height - fixed, width - fixed 3-я ячейка левого столбца - background-image height - fixed, width - fixed Дабы не запутаться, привожу код: <table cellspacing="0" cellpadding="0" align="center" style="width:1300px;"><tr> <td class="leftsidea"></td> <td rowspan="3"> <div id="bodycenter"> </div> </td><td class="rightside" rowspan="3"> </td></tr> <tr><td class="leftsideb"> </td></tr> <tr><td class="leftsidec"> </td></tr> </table> .leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; } .leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/leftmid.png'); background-repeat: no-repeat; } .leftsidec{ text-align: left; height:100px; width:145px; background-image: url('../images/leftmid2.png'); background-repeat: no-repeat; } firefox все прекрасно выводит, как мне нужно Хром, ИЕ - страдают ХРОМ - 3-ю ячейку растягивает на всю высоту ИЕ - оставляет пробелы между ячейками Никак не могу побороть. Прошу вашей помощи!