Question

我使用了php文档中包含的页脚，但它正在浏览php页面内容。

以下是一个示例：http://screencast.com/t/L69p1gm2

这是我使用的代码：

<?php include 'header.php' ?>
<div class="kalendar">
  <iframe class="kalendarframe" src="link to the calendar"&amp;color=%23711616&amp;ctz=Europe%2FBelgrade" style=" border:solid 1px #777 " width="100%" frameborder="0" scrolling="no"></iframe>
</div>
<?php include 'footer.php' ?>

我试图用css做一些事情，但没有任何积极的结果..

这里可能有什么问题？

为什么页脚会翻页？

由于

这是footer.php（为空）：

<div id="footer">
</div>
</body>
</html>

这是我的css：

html, body{
            background-color: #fff;
            background-repeat:no-repeat;
            background-attachment:fixed;
            background-size:cover;
            width:100%;
            margin:0px 0px 0px 0px;
            padding:0px;
            position:absolute;
        }


        /* KOMPLETAN HEADER SA MENIJIMA */

        header{
            padding-top:0px;
            text-align:;
            height:40px;
            margin-top:0px;
            margin-left:-10px;
            width:101%;
            position:absolute;
            top:0;
            left:0;
            background-color:#424242;
            opacity:0.9;
            position:fixed;
            font-family: tahoma;
        }


        header .logout a{
            margin-top: 0px;
            padding-right:150px;
            color:white;
            text-transform:uppercase;
            font-size: 14px;
            float:right;
            text-decoration:none;
            font-family: 'Raleway', sans-serif;
        }

        /*  --------------------------  MENI -----------------------*/

        #menu{
            width:960px;
            color:#fff;
            font-size:12px;
            text-transform:uppercase;
            margin: 0 auto;

        }

        #menu ul li {
            display: inline; 
        }

        #menu li a{
            font-family: 'Raleway', sans-serif;
            margin-right: 15px;
            color:#fff;
            text-transform:uppercase;
            font-size: 14px;
            text-decoration:none;

        }

        #menu li a:hover{
            color: red;
            text-decoration:none;
            text-align: center;

        }

        /* -----------------------------------------------------------*/

        /* WRAPPER  SADRZAJ STRANICE */

        #wrapper{
            width:960px;
            margin:0 auto;

        }


        #heading{
            text-align:center;
        }

        #lijevi{
            width: 635px;
            float:left;


        }

        #desni{
            width:310px;
            float:right;
        }

        #mediaContacts{
            float:left;
        }

        #smmSchedule{
            float:right;
        }

        #calls{
            float:left;
        }

        /*iframe{
            border-radius: 15px;
            aborder: 1px solid black;
            -webkit-box-shadow: 2px 7px 81px -5px rgba(0,0,0,0.75);
            -moz-box-shadow: 2px 7px 81px -5px rgba(0,0,0,0.75);
            box-shadow: 2px 7px 81px -5px rgba(0,0,0,0.75);
        }*/

        #table_button{
            /*width:150px;
            height:40px;
            margin:0 auto;
            opacity:0.9;*/

        }

        /* ----------------  FOOTER --------------*/
         #footer{
            margin-top:0px;
            margin-left:-10px;
            height:200px;
            width:101%;
            background-color: #000;
            opacity:0.8;
        }

        /*---------------- RESPONSIVE DESIGN STYLING ------------------------*/

        @media only screen and (min-width: 310px) and (max-width: 960px) {
         body {

         }

         #wrapper{
            width:310px;
            height:1600px;
         }

         #heading{
            margin:0 auto;
         }

         #lijevi{
            width:310px;


         }

         #desni{
            width:310px;
            margin-left:0px;
            float:none;
         }
        }
        /* ---------------------------------------------------------------------*/

        /* KALENDAR STYLING */

        .kalendarframe{
            height:1000px;
            padding-top:80px;

            /*margin-bottom:0px;*/
        }

        .kalendar{
            width:100%;
            height:1000px;
        }


        /* ---------------------*/

Answer 1

尝试从include footer语句周围删除div包装器。你有关闭html标签的页脚之外的div的结束标记。这可能会有所帮助

Answer 2

您是否也尝试设置iframe的高度？

如何划分包含在PHP中的页脚和标题？

2 个答案: