Question

div正在堆叠并占据100％的宽度，而其他的则被完全忽略（即使整个页面宽度=“960px”的主要包装器被完全忽略）。

How the page looks when opened in Chrome

How the image looks like hosted at uhostfull.com

正如您所看到的，我的游戏部分（管理员选择）已经跳入广告空间，尽管每个部分都位于div类.container中。

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

另一件事是我用来管理页面div id #page-wrap的主要div不能正常工作：

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

我还应该提一下我在chrome中创建和测试的任何div（例如，如果我制作一些白盒子），但是当我主持时它们不会出现！

我主要关注的是以某种方式停止广告空间自动将游戏部分作为父div而不是嵌套。

以下是代码：

<!DOCTYPE html>

<head>
    <link type="text/css" rel="stylesheet" href="playpar.css">
    <script type="text/javascript" src ="playpar.js" async></script>

    <title>Play Paradiso
    </title>

    <title>
        Curveball Adrenaline Challenge Bubble Trouble
    </title>
</head>

<body>

<div id="page-wrap">

    <div id="header">
        <div id="sitelogo"><img src="http://i44.photobucket.com/albums/f50/giansonn/Logo%20bling_zpsikvjtrrl.jpg"/></a></div>
        <div id="sitebold"><img src="http://i44.photobucket.com/albums/f50/giansonn/Screen%20Shot%202017-05-09%20at%2022.45.36_zpsx5p40xx4.png"/></a></div>
    </div>

<div class="container">
    <div id="advertspace"><img src="http://i44.photobucket.com/albums/f50/giansonn/whitetile_zpswxxr0bja.png" class="filler"><p class="getme">Advertise here</p></div>
</div>

<div class="container">
    <fieldset>
    <legend>Administrator's Picks</legend>
        <table>
            <tr>
                <td>
                    <div class="games">
                    <a href="/curveballthegame"><img src="http://i44.photobucket.com/albums/f50/giansonn/Curveball%20image_zpscalom4mw.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="http://i44.photobucket.com/albums/f50/giansonn/Adrenaline%20challenge%20image_zpsyinfiyue.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="http://i44.photobucket.com/albums/f50/giansonn/Bubble%20trouble%20image_zpsy3mnffrg.png" class="games"/>
                    <div class="overlay">
                    <div class="text"><span>Bubble Trouble</span></div></div></div>
                </td>
            </tr>
        </table>
    </fieldset>
</div>

    <div id="footnavbox"><a href="https://www.playparadiso.com" class="footnavigator">Home</a> | <a href="https://www.playparadiso.com/imageboard" class="footnavigator">Image Board</a> | <a href="https://www.playparadiso.com/contactus" class="footnavigator">Contact us</a></div>

</div>

</body>

我认为所有这些问题都是相关的，感谢帮助。

网站，特别是div在托管时表现不同

0 个答案: