メインの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ブラウザーのコンテンツ部分と重なっています。絶対位置または相対位置を使用すると、改善されません... :(