2015-02-03 2 views
-1

У меня возникли проблемы, пытаясь получить мой фиксированные верхние и нижние колонтитулы, чтобы показать с помощью PHP включаетПроблемы с Колонтитулами Включите

Вот мой HTML

<?php include '_includes/header.php' ?> 

<div class="neo__wrapper"> 

    <div class="neo__container"> 

    </div> 

</div> 

<?php include '_includes/footer.php' ?> 

Моего SASS (используется для гнездования)

*{ 
margin: 0; 
padding: 0; 
text-decoration: none; 
border: 0; 
border: none; 
} 

html,body{ 
width: 100%; 
height: 100%; 
} 

.neo__wrapper{ 
width: 100%; 
height: 100%; 
margin: 0 auto; 

.neo__container{ 
    width: 960px; 
    height: 3000px; 
    margin: 0 auto; 
} 
} 

header{ 
background:#ccc; 
width: 100%; 
position: fixed; 
height: 100px; 
top: 0; 
} 

footer{ 
background:#ccc; 
position: fixed; 
width: 100%; 
height: 50px; 
bottom: 0; 
} 

Я просто создание основы так что мой header.php просто

<header></header> 

и мой footer.php является

<footer></footer> 

В принципе, моя страница должна просто иметь серый неподвижный верхний и нижний колонтитулы

+0

'

'if' header.php' - это все, что вы нам показали. Однако этот CSS нужно будет обернуть в '' внутри '' или в качестве ссылки на таблицу стилей. Не уверен, о чем идет речь. –

+0

Ваш 'neo__wrapper' CSS не закрыт, который разбивает CSS до того, как он попадает в объявления заголовка/нижнего колонтитула. * РЕДАКТИРОВАТЬ * Nevermind, просто заметил, что вы использовали SASS, уверены ли вы, что он правильно компилируется? Это работает для меня. – APAD1

ответ

0

Просто понял, что это был вопрос, касающийся WAMP, поэтому PHP не был даже запущен в первую очередь

0

Ваш включая пустой файл.

<head><link rel="stylesheet" type="text/css" href="MyCSSFile.css"></head> 

также, если вы делаете верхний и нижний колонтитулы на каждой странице, включите этот код в них. в header.php

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="MyCSSFile.css"> 
</head> 
<body> 

и в footer.php

<footer> 
<script src="MyJavascriptFile.js"></script> 
</footer> 
</body> 
</html> 
+1

Я сомневаюсь, что это должно быть '

', но больше похоже на '' - '
' https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header - это совершенно другой тег. –

Смежные вопросы