Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   Общие вопросы о Flash (не затрагивающие ActionScript) (http://www.flasher.ru/forum/forumdisplay.php?f=60)
-   -   Flash сайт с html-футером. (http://www.flasher.ru/forum/showthread.php?t=153243)

Vier 30.03.2011 20:16

Flash сайт с html-футером.
 
Наверняка, кто-то уже сталкивался.
Нужно к флешевому сайту прицепить обычный футер. Сайт тянется на весь экран, и из-за футера не должна появляться полоса прокрутки.
С самой версткой, когда верхний div (флешка) занимает (100% - m) пикселей, а нижний (футер) m пикселей проблем нет. Но стоит вставить флешку, то либо все уезжает за экран, либо вообще не отображается (FF).

Hauts 30.03.2011 23:20

Таблицей сделайте или погуглите, реализаций куча.

Vier 31.03.2011 01:16

Вложений: 1
Я перед тем как создать тему, попробовал несколько вариантов, но ни один из них не прокатил.
Таблицей было более менее, кроме оперы и ie, возможно из-за доктайпа, но т.к. мне потом предстоят небольшие манипуляции с футером из ява-скрипта очень желательно сверстать дивами. В принципе, всегда остается вариант сверстать фреймами, но теперь уже надо побороть этот случай : )

В приложении флешка с версткой, может у кого-то получится, чтобы контент и футер были на экране без полосы прокрутки.

Вот вариант, который работает без вставленного флеша и не работает со вставленным. Также пробовал вариант с абсолютным расположением футера и с отрицательным margin. Возможно, не получилось из-за кривых рук.

PHP код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" lang="ru">    
    <
head
        <
title>Test</title
        <
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <
style type="text/css" media="screen"
            
htmlbody    {height:100%, width100%}
            
body margin:0padding:0;}
            
            
#contentHolder {
                        
min-height100%;
                        
heightauto !important;
                        
height100%;                        
                        
margin0 auto -40px;                
            }    
            
            
#myContent {                        
                        
height100%;                        
            }    
            
            
#myAlternativeContent        { }
            
.footer, .push {height40px;}
            
        </
style>    
        <
script type="text/javascript" src="swfobject.js"></script> 
        <script type="text/javascript"> 
        swfobject.embedSWF("Test.swf", "myContent", "100%", "100%", "10.0.0", "expressInstall.swf");
        </script> 
    </head> 
    <body>         
        <div id="contentHolder">
        <div id="myContent">            
            <div id="myAlternativeContent"> 
                <h1>Alternative content!</h1>                 
            </div>                 
        </div>     
        <div class="push"></div>
        </div>
        <div class="footer">FOOTER</div>        
    </body> 
</html> 


dodoaav 31.03.2011 21:47

Можно попробовать через JavaScript
1) задать изначально флешке фиксированные размеры
2) повесить события window.onload = correctSize ; window.onresize = correctSize ;
3) написать correctSize, которая будет вычислять высоту доступной области в браузере и менять высоту флешки, устанавливая на полная доступная высота минус высота футера.


Часовой пояс GMT +4, время: 19:44.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.