-1

我正在尝试使用我的主 index.php 文件,并使用“include”将其与其他 php 文件(header.php、content.php 和 footer.php)中的 html 内容和文本一起加载。

但是,当我将 index.php 加载到浏览器中时,我对元素的 css 定位都搞砸了。其他文件中的元素重叠。他们只是没有按照我在我的 css 中想要的方式定位。我试图用谷歌搜索解决方案,但没有找到它。有人可以指导我参考一些在线参考资料或告诉我在 php 中使用 include 时元素的定位是如何工作的吗?先感谢您。

编辑/添加代码:Index.php

<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css"></link>
</head>
<body>
<?php
include './views/header_view.php';
include '/views/sadrzaj_view.php';
include '/views/footer_view.php';
?>
</body>
</html>

头文件是这样的>

<div id="header" >
    <a id="logo"  onmouseover="document.getElementById('logo').style.color='#D0D0D0';" onmouseout="document.getElementById('logo').style.color='#ffffff';">LOGO</a>

</div>  

内容文件目前仅包含文本...

页脚文件是这样的>

<center>
<div id="footer"> 
    123 footer
</div></center>

和 CSS 是这样的>

body{
border:0;
margin:0;
padding:0;
position:relative;
background-image:url(slike/blue_circuit.jpg);
background-repeat:no-repeat;

}


#header{
position:absolute;
background-image:url(./slike/header_bckgnd.png);
border-bottom:1px solid black;

top:0;
height:70;
width:100%;

color:white;
font-family:helvetica;
}



#logo{
position:relative;
left:30;
top:10;
font-size:45;
font-weight:600;
text-shadow: 1px 1px 9px #1E90FF;
cursor:pointer;

}




#footer{

position:fixed;
background-image:url(slike/header_bckgnd.png);
bottom:0;
height:30;

color:white;
line-height:2em;
border:0;
margin:0;
padding:0;
width:100%;

}

页脚与我的 IE 浏览器中的内容部分重叠。如果我使用绝对或相对定位,它不会变得更好...... :(

4

5 回答 5

1

我遇到了与您类似的问题,经过一些缩小后,我发现我的一个包含文件(纯粹是 php)在底部有一个 echo 语句,这导致我的 css 以某种方式打乱(似乎 div 在绝对位置)。无论如何,我希望这可以帮助你。干杯!

于 2016-12-01T03:34:31.390 回答
0

转到您的输出文件并检查标记以查看是否存在冲突。
我会从这个输出中创建一个 html 文件并在你的浏览器上打开它,它可能会给你一些关于正在发生的事情的线索。

于 2012-06-04T01:29:34.800 回答
0

将您的 css 放在 index.php 上 body 标记的末尾

于 2012-06-04T01:51:24.503 回答
0

我遇到了这个问题,最终意识到我从旧的 html 文件中复制到我的 require() 语句中的部分(认为它对所有页面都是通用的)实际上对主页的编码略有不同。因此,当我从索引文件中复制 html 并在所有页面的 require 语句中使用它时,会导致出现不正确的定位。

于 2013-04-02T06:52:11.233 回答
0

在遇到同样的问题后,我发现了这篇文章。我突然明白发生了什么事。实际上,切换到 PHP 包含应该与 CSS 定位无关。我的错误的原因是我放置PHP 包含的位置。我正在替换没有绝对定位的导航,因此必须将包含放置在相同的位置。

于 2017-03-25T17:13:35.667 回答