2016-09-22 5 views
0

Liferayにスティッキーフッターを作成するには?私は多くのドキュメントを読んだことがありますが、それらのすべてがうまく機能していません。Liferayのスティッキーフッター6.2

私はportal_normal.vmcustom.css

#footer { 
    background-color: black; 
    color: white; 
    font-size: 200%; 
    text-align: center; 
    line-height: 3em; 
    clear: both; 
    position: relative; 
    z-index: 10; 
    height: 3em; 
    margin-top: -3em; 
} 

と、この中で、これを持っている:

<div id="footer">Powered by German</div> 

言及した前の質問では、私はフッターを作成し、それに色を変更する方法を尋ねました。その後、コメントの中で、どのようにスティッキーフッターを作成するか尋ねたところ、いい答えが得られなかったので、別のスレッドを作成しました。

+0

[Liferayの色と他のフッターのパラメータ]の複製があります。(http://stackoverflow.com/questions/39634673/color-and-other-footers-parameters-in-liferay) –

+0

いいえ、前の質問で私はフッターの作り方と色の変更方法を尋ねました。このテーマでは、スティッキーを作る方法を理解しようとしています。 – German

+0

その場合、前の質問で「私はそれを反応させる必要がある」という誤解をしました。ところで、これはLiferay特有のものではなく、私は[sticky-footer](/ questions/tagged/sticky-footer)の答えの1つがあなたに役立つと確信しています。 –

答えて

0

私は問題を解決しました!

まず第一に、あなたはこのラインをご覧ください:portlet_normal.vm<div class="container-fluid" id="wrapper">を:

当社のフッターこのカテゴリには、すべての時間がないブラウザページの終わりではなく、このブロックの終わりになりますように。

<div id="footer" class="row-fluid"> 
    <div class="span12 text-center"> 
     <p class="powered-by"> 
      #language ("Powered by Alexandr Boldyrev") 
     </p> 
    </div> 
</div> 

をそして、あなたはcustom.cssでフッターのパラメータを変更する必要があります:だからあなたはそのブロックを閉じて下のフッターを配置する必要があり

#footer { 
    text-align: center; 
    background: #FFEFD5; 
    position: absolute; 
    bottom: 0; 
} 

それすなわち、私たちのフッターが粘着性になります!

関連する問題