HTML 在屏幕底部浮动广告横幅

Posted 2021-05-24

<!-- Original Code: http://www.howtocreate.co.uk/fixedPosition.html -->
<!-- Snippet With Example: http://code.dreamincode.net/snippet370.htm -->

<!-- CSS with support for IE -->
<style type="text/css">

<!--
#fixme {
     /* IE 5.0/Win and other lesser browsers will use this */
     position: absolute; right: 0px; bottom: 0px;

}
body > div#fixme {
     /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
     position: fixed;
}
--></style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
     /* IE5.5+/Win - this is more specific than the IE 5.0 version */
     right: auto; bottom: auto;
     left: expression( ( -0 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top: expression( ( +0 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->

<!-- HTML CODE FOR ACTUAL BANNER -->
<div id="fixme" style="height: 120px; width: 100%;">
   <!-- EDIT BANNER CONTENTS BELOW -->
   <div style="z-index: 5; background: url(http://home.dreamincode.net/images/catfish/catfish_tile2.gif); width: 100%; height: 120px;">
      <div style="float: left; position: relative; left: 0; top: 0;"><a href="http://forums.dreamincode.net/showtopic14671.htm"><img src="http://home.dreamincode.net/images/catfish/catfish2.gif" height="120" border="0"></a></div>
      <div style="float: right; position: relative; text-align: right; top: 75px; font-size: 10px; font-weight: bold;"><a onClick="hiderow('fixme');return true;" style="cursor: pointer;">Close Me</a></div>
      <div style="float: left; position: relative; top: 80px; text-align: center; font-size: 12px; font-weight: bold; font-style: italic;"><a href="http://forums.dreamincode.net/showtopic14671.htm">Celebrate 5 Years of Dream.In.Code:<br>Win a Laser Engraved IPod Nano & Caffeine!</a></div>
   </div>
</div>

Facebook 横幅广告统一对齐底部

【中文标题】Facebook 横幅广告统一对齐底部

【英文标题】：Facebook banner ad in unity align to the bottom

【发布时间】：2015-11-12 07:13:47

【问题描述】：

无法将 facebook 受众横幅广告与我的屏幕底部对齐。我试图将它嵌套在一个 Canves 中，将对象与底部对齐，但是当调用 show 方法时，它从屏幕顶部开始计数。 我试着让它像这样静态

adView.Show(135);

它在我的手机上运行良好，但是当我在更大的屏幕上尝试时，它出现在中间。 我还尝试使用adView.Show(canves.rect.height - 50); 更改静态值 但结果是更相似adView.Show(AdUtility.height()); 但它出现在屏幕外。我使用统一 5.2.2f1 和 facebook Audience sdk 4.7.0

【参考方案1】：

我在“AudienceNetwork/Library/AdUtility.cs”中发现代码错误

public override double height ()
   return this.convert (this.deviceWidth ());

改为：

public override double height ()
   return this.convert (this.deviceHeight ());

并使用：

adView.Show(AdUtility.height() - 50) // if: AdSize.BANNER_HEIGHT_50