teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問内容再追記。初めてサイトを作ったのに、他のPCで開くと崩れる。

編集履歴

質問編集履歴

3

画像添付

2018/03/09 05:02

投稿

pon12
pon12

スコア11

test CHANGED
File without changes
test CHANGED
@@ -34,4 +34,10 @@
34
34
 
35
35
 
36
36
 
37
+
38
+
39
+ ![イメージ説明](eac7698604ce6e80bda366f6f90ce5c6.png)
40
+
41
+
42
+
37
43
  宜しくお願い致します。

2

文字の修正

2018/03/09 05:02

投稿

pon12
pon12

スコア11

test CHANGED
@@ -1 +1 @@
1
- 内容の追記。初めてサイトを作ったのに、他のPCで開くと崩れる。
1
+ 内容再追記。初めてサイトを作ったのに、他のPCで開くと崩れる。
test CHANGED
@@ -24,106 +24,14 @@
24
24
 
25
25
 
26
26
 
27
- 一応、サイトのコードのhead部分を載せます。ここが関係してるのかなと思いましたので、
28
27
 
29
- ```<!DOCTYPE html>
30
28
 
31
- <html lang="ja">
32
-
33
- <head>
34
-
35
- <meta charset="utf-8">
29
+ 崩れているのは、asideの部分だけが、上にズレてたんです。 それ以外に気になる点があり　お願いします。
36
-
37
- <title>xxxx</title>
38
-
39
- <link rel="stylesheet" type="text/css" href="style.css">
40
-
41
- <link rel="stylesheet" href="css/html5 Stylesheet 1.6.1.css">
42
30
 
43
31
 
44
32
 
45
- <!--[if lt IE 9]>
46
-
47
- <script src="html5shiv.js"></script>
33
+ http://egoseimei-portfolio.rossa.cc/index.html
48
-
49
- <![endif]-->
50
34
 
51
35
 
52
36
 
53
-
54
-
55
- </head>
56
-
57
-
58
-
59
- <aside>
37
+ 宜しくお願い致します。
60
-
61
- <div class="side">
62
-
63
- <h2>保険を知る</h2>
64
-
65
- <div class="inner">
66
-
67
- <ul class="main_box">
68
-
69
- <li><a href="index.html">
70
-
71
- <div class="link">
72
-
73
- <img src="images/seime2.jpg" align="left" >
74
-
75
- 保険の基本情報を知っておくと<br>保険選びに役立ちます。</a>
76
-
77
- </div>
78
-
79
- </li>
80
-
81
- <li><a href="item.html">
82
-
83
- <div class="link">
84
-
85
- <img src="images/nayamu2.jpg" align="left" >
86
-
87
- 目的にピッタリの保険を選び、<br>シミュレーションをする。</a>
88
-
89
- </div>
90
-
91
- </li> 　　　　　　　
92
-
93
- <li><a href="index.html">
94
-
95
- <div class="link">
96
-
97
- <img src="images/taikennsha2.jpg" align="left" >
98
-
99
- 体験者の話を参考にして、<br>保険の大切さを考える。</a>
100
-
101
- </div>
102
-
103
- </li>
104
-
105
- </ul>
106
-
107
- </div>
108
-
109
- </div>
110
-
111
- <div class="sns">
112
-
113
- <ul class="banner">
114
-
115
- <li><a href="index.html"><img src="images/line.gif"></a></li>
116
-
117
- <li><a href="index.html"><img src="images/face.gif"></a></li>
118
-
119
- </ul>
120
-
121
- </div>
122
-
123
- </aside>
124
-
125
-
126
-
127
- コード
128
-
129
- ```崩れているのは、asideの部分だけが、上にズレてたんです。 それ以外に気になる点があり　お願いします。

1

書式の改善

2018/03/08 15:45

投稿

pon12
pon12

スコア11

test CHANGED
@@ -1 +1 @@
1
- 初めてサイトを作ったのに、他のPCで開くと崩れる。
1
+ 内容の追記。初めてサイトを作ったのに、他のPCで開くと崩れる。
test CHANGED
@@ -1,3 +1,7 @@
1
+ 回答者からのアドバイスで、内容を追記しています。
2
+
3
+
4
+
1
5
  ポートフォリオサイトを会社に提出したのですが、pcでみると、一部分が崩れていると、報告がありました。
2
6
 
3
7
  自身のpc（mac book pro）で見ると、崩れてないのですが、
@@ -50,6 +54,76 @@
50
54
 
51
55
  </head>
52
56
 
57
+
58
+
59
+ <aside>
60
+
61
+ <div class="side">
62
+
63
+ <h2>保険を知る</h2>
64
+
65
+ <div class="inner">
66
+
67
+ <ul class="main_box">
68
+
69
+ <li><a href="index.html">
70
+
71
+ <div class="link">
72
+
73
+ <img src="images/seime2.jpg" align="left" >
74
+
75
+ 保険の基本情報を知っておくと<br>保険選びに役立ちます。</a>
76
+
77
+ </div>
78
+
79
+ </li>
80
+
81
+ <li><a href="item.html">
82
+
83
+ <div class="link">
84
+
85
+ <img src="images/nayamu2.jpg" align="left" >
86
+
87
+ 目的にピッタリの保険を選び、<br>シミュレーションをする。</a>
88
+
89
+ </div>
90
+
91
+ </li> 　　　　　　　
92
+
93
+ <li><a href="index.html">
94
+
95
+ <div class="link">
96
+
97
+ <img src="images/taikennsha2.jpg" align="left" >
98
+
99
+ 体験者の話を参考にして、<br>保険の大切さを考える。</a>
100
+
101
+ </div>
102
+
103
+ </li>
104
+
105
+ </ul>
106
+
107
+ </div>
108
+
109
+ </div>
110
+
111
+ <div class="sns">
112
+
113
+ <ul class="banner">
114
+
115
+ <li><a href="index.html"><img src="images/line.gif"></a></li>
116
+
117
+ <li><a href="index.html"><img src="images/face.gif"></a></li>
118
+
119
+ </ul>
120
+
121
+ </div>
122
+
123
+ </aside>
124
+
125
+
126
+
53
127
  コード
54
128
 
55
- ```それ以外に気になる点がありましたら、色々教えて下さい！　お願いします。
129
+ ```崩れているのは、asideの部分だけが、上にズレてたんです。 それ以外に気になる点があり　お願いします。