gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:03:44 25 4
gpt4 key购买 nike

我已经建立了一个基本的网站,它在正文中包括三个部分:网站 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com