前提・実現したいこと
phpでホームページを作っています。
header、footer等を共通化するため、index.phpファイルでrequireを使い呼び出しを行いました。
内容は問題なく表示されたのですが、呼び出した部分の上下に1行ずつ空白ができてしまいます。
検証を使っても空白部分は何もなく、調べて出てきた文字コードのBOM無しでもやってみたのですが消えませんでした。
cssでmargin、padding等の指定はありません。
該当のソースコード
lang
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <?php require('common/meta.php'); ?> 5 <title>aaa</title> 6</head> 7<body> 8 <?php require('common/header.php'); ?> 9 <div class="content" style="background: #ccc;"> 10 <?php 11 date_default_timezone_set('Asia/Tokyo'); 12 echo date("Y年m月d日H時i分s秒"); 13 ?> 14 </div> 15 <?php require('common/footer.php'); ?> 16 17<style> 18body{padding: 0;margin: 0;} 19 20.content{width: 80%;margin: auto;} 21header{background: #ddd;} 22footer{background: #eee;} 23 24/*nav*/ 25.nav-top,.nav-foot{width: 80%;margin: auto;} 26.nav-top ul,.nav-foot ul{display: -webkit-flex;display: flex;list-style: none;} 27.nav-top ul li,.nav-foot ul li{flex-item: -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 10px 0;} 28</style> 29 30</body> 31</html> 32
試したこと
文字コードの変更
回答2件
あなたの回答
tips
プレビュー