teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

画像を差し替えました。

2018/10/20 13:39

投稿

sashimi_suki_
sashimi_suki_

スコア12

title CHANGED
File without changes
body CHANGED
@@ -5,8 +5,9 @@
5
5
  内容は問題なく表示されたのですが、呼び出した部分の上下に1行ずつ空白ができてしまいます。
6
6
  検証を使っても空白部分は何もなく、調べて出てきた文字コードのBOM無しでもやってみたのですが消えませんでした。
7
7
  cssでmargin、padding等の指定はありません。
8
- ![イメージ説明](ae7a84013c0027e0f994587883144e65.png)
9
8
 
9
+ ![headerとfooterの上下に空白ができてしまっています。](e135370306bb606d6d269f18f51eb329.png)
10
+
10
11
  ### 該当のソースコード
11
12
 
12
13
  ```lang-php

1

コード部分をマークダウン記法で記述し、一旦cssも本体に書き込みました。

2018/10/20 13:39

投稿

sashimi_suki_
sashimi_suki_

スコア12

title CHANGED
File without changes
body CHANGED
@@ -9,25 +9,40 @@
9
9
 
10
10
  ### 該当のソースコード
11
11
 
12
+ ```lang-php
12
13
  <!DOCTYPE html>
13
14
  <html lang="ja">
14
15
  <head>
15
- **<?php require('common/meta.php'); ?>**
16
+ <?php require('common/meta.php'); ?>
16
- <title>aaaa</title>
17
+ <title>aaa</title>
17
- <link rel="stylesheet" href="css/style.css">
18
18
  </head>
19
19
  <body>
20
- **<?php require('common/header.php'); ?>**
20
+ <?php require('common/header.php'); ?>
21
- <div class="content">
21
+ <div class="content" style="background: #ccc;">
22
- <?php
22
+ <?php
23
- date_default_timezone_set('Asia/Tokyo');
23
+ date_default_timezone_set('Asia/Tokyo');
24
- echo date("Y年m月d日H時i分s秒");
24
+ echo date("Y年m月d日H時i分s秒");
25
- ?>
25
+ ?>
26
26
  </div>
27
- **<?php require('common/footer.php'); ?>**
27
+ <?php require('common/footer.php'); ?>
28
+
29
+ <style>
30
+ body{padding: 0;margin: 0;}
31
+
32
+ .content{width: 80%;margin: auto;}
33
+ header{background: #ddd;}
34
+ footer{background: #eee;}
35
+
36
+ /*nav*/
37
+ .nav-top,.nav-foot{width: 80%;margin: auto;}
38
+ .nav-top ul,.nav-foot ul{display: -webkit-flex;display: flex;list-style: none;}
39
+ .nav-top ul li,.nav-foot ul li{flex-item: -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 10px 0;}
40
+ </style>
41
+
28
42
  </body>
29
43
  </html>
30
44
 
45
+ ```
31
46
 
32
47
  ### 試したこと
33
48