Я занимаюсь разработкой кода с использованием php. В котором я импортирую два файла (header.php и footer.php) в другой файл php index.php.
Теперь я хочу, чтобы header.php и footer.php были исправлены при горизонтальной прокрутке. Можете ли вы предложить мне код. Я использую следующий код
Header.php
code here
footer.php
code here
index.php
<?php include("header.php"); ?>
welcome to index file
welcome to index file
welcome to index file
<?php include("footer.php"); ?>
В этом файле index.php я хочу, чтобы верхний и нижний колонтитулы были исправлены при горизонтальной прокрутке, а другие css также не должны мешать.
попробуй это.,
<div id="header">
<?PHP include_once('header.php');?>
</div>
<div id="wrap">
welcome to index file
</div>
<div id="footer">
<?PHP include_once('foo.php');?>
</div>
CSS:
#header{position:fixed;top:0px;}
#footer{position:fixed;bottom:0px;}
или же
header.php
<div id ="header"></div><div id="content">
footer.php
</div><div id="footer"></div>
index.php
<?PHP include_once('header.php');?>
content here.,
<?PHP include_once('footer.php');?>
Ваше решение в порядке.
только я рекомендую использовать что-то вроде этого:
<div id="header">
<?PHP include_once('header.php');?>
</div>
<div id="wrap">
here is my html content
</div>
<div id="footer">
<?PHP include_once('foo.php');?>
</div>
использование include_once
для не повторять include
какого-то файла
и с хорошим CSS получает отличную компоновку
использование HTML5
и использовать include_once
<header>
<?PHP include_once('header.php');?>
</header>
<div id="wrap">
here is my html content
</div>
<footer>
<?PHP include_once('foo.php');?>
</footer>
Вот только образец FIDDLE DEMO
html,body{
margin:0;padding:0;
}
header{
background:Green;
height:50px;
}
footer{
position:absolute;
width:100%;
bottom:0;
background:Red;
height:50px;
}
В вашем CSS просто поместите следующий атрибут:
position:fixed;
и это должно сработать.