我正在尝试使用我的主 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 浏览器中的内容部分重叠。如果我使用绝对或相对定位,它不会变得更好...... :(