html - 如何阻止我的广告空间 div 在托管时消失?在本地托管没问题,但是当我将其上传到我的网站时,div 会消失吗?

标签 html css web-hosting

我已经建立了一个基本的网站,它在正文中包括三个部分:网站 Logo 、广告空间和页面的游戏部分。当我在桌面上打开它时它看起来很棒,但当我在线托管它时,广告空间 div 消失了。

我曾尝试将这些部分重新排列成多个部分并在 div 之间使用分隔符,但没有任何效果。

这是网站的 HTML 代码:

<body>

    <div id="page-wrap">    

<section>

        <div id="pageheader">
            <div id="logobling"><img src="images/LogoBling.jpg"/></a></div>
            <div id="sitelogo"><img src="images/Sitelogo.png"/></a></div>
        </div>

</section>        

<section>

    <div id="container">
        <div id="advertspace"><p class="getme">Advertise here</p></div>
    </div>

</section>

<section>

    <div id="container">
        <fieldset>
        <legend>Administrator's Picks</legend>
            <table>
                <tr>
                    <td>
                        <div class="games">
                        <a href="curveballthegame"><img src="images/Curveball.png" class="games"/>
                        <div class="overlay">
                        <div class="text"><span>Curve Ball</span></div></div></div>
                    </td>

                    <td>
                        <div class="games">
                        <a href="adrenalinechallenge"><img src="images/AdrenalineChallenge.jpg" class="games"/>
                        <div class="overlay">
                        <div class="text"><span>Adrenaline Challenge</span></div></div></div>
                    </td>

                    <td>
                        <div class="games">
                        <a href="bubbletrouble"><img src="images/BubbleTrouble.png" class="games"/>
                        <div class="overlay">
                        <div class="text"><span>Bubble Trouble</span></div></div></div>
                    </td>
                </tr>
            </table>
        </fieldset>
    </div>

</section>      

    </div>
    </body>
  <footer>
    <div id="page-wrap">

这是 CSS:

body {
    background-color: #A9A9A9
    }

#page-wrap {
     width: 960px;
     margin: 0 auto;
    }

#container {
    position: static;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    }

#advertspace {
    position: relative;
    width: 100%;
    height: 120px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    }

#pageheader {
    position: relative;
    width: 99.6%;
    height: 200px;
    background-color: black;
    display: flex;                  /* using a flexbox here */
    justify-content: center;
    align-items: center;
    border-top: grey;
    border-bottom: white;
    border-style: solid;
    margin-bottom: -10px;
    }



h1  {
    display: block;
    }

#logobling {
    position: relative;
    right: 30px;
    width: 20%;
    height: 200px;
    background-color: black;
    display: flex;                  /* using a flexbox here */
    justify-content: center;
    align-items: center;
    content: "";
    clear: both;
    }

#sitelogo {
    position: relative;
    right: 0px;
    width: 70%;
    height: 200px;
    background-color: black;
    color: white;
    text-align: center;
    display: flex;                  /* using a flexbox here */
    justify-content: center;
    align-items: center;
    }

本地托管时的差异 enter image description here

当托管在各种托管包上时(是的,我尝试了不同的主机以查看它们是否是问题所在) enter image description here

我希望这里有人能帮助我很长一段时间都无法解决这个问题。

抱歉,如果这看起来像是我复制并粘贴了很多代码,我只是想包含所有可能相关的代码!

最佳答案

我建议您确保您的 Adblocker 已关闭?

 #advertspace

将是一个明显的触发器。

关于html - 如何阻止我的广告空间 div 在托管时消失?在本地托管没问题,但是当我将其上传到我的网站时,div 会消失吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57056378/

相关文章:

php - 数据表 : How to render <a> html tag?

css - 如何创建粘性底部搜索框 Bootstrap (React)

css - 如何垂直对齐列内容并设置适合的列宽?

php - 如何在Azure中使用虚拟机托管网站?

c# - 连接Godaddy mysql服务器时出现错误

javascript - 如何点击元素(对于整个文档)?

php - 获取订单项 woocommerce 订单

html - 如何使该网站适合所有屏幕尺寸?

node.js - 如何正确在线上传本地主机网站?

java - 如何从 BIG HTML 字符串中删除一些标签?