質問編集履歴

1

こちらでお願い致します。このパーツ以外のパーツは同環境では4つのブラウザでは同じ表示で問題なく、こちらだけie、fとクロム、サファリで見え方が異なります。前者の方のみbourderを含んでの位置となり

2017/02/19 11:12

投稿

m_ai
m_ai

スコア25

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,8 @@
14
14
 
15
15
 
16
16
 
17
+ ```ここに言語を入力
18
+
17
19
  <li>
18
20
 
19
21
  <div>
@@ -26,62 +28,60 @@
26
28
 
27
29
  </li>
28
30
 
31
+ ```
29
32
 
33
+ ```ここに言語を入力
30
34
 
31
35
  .クラス名{
32
36
 
33
- position: relative;
37
+ position: relative;
34
38
 
35
- display: table;
39
+ display: table;
36
40
 
37
- width: 620px;
41
+ width:620px;
38
42
 
39
- min-height: 100px;
43
+ min-height: 100px;
40
44
 
41
- box-sizing: border-box;
45
+ box-sizing: border-box;
42
46
 
43
- padding: 17px 25px 15px;
47
+ padding: 17px 25px 15px;
44
48
 
45
- border-width: 1px 1px 1px 5px;
49
+ border: 1px solid #cdcbcb;
46
50
 
47
- border-style: solid;
51
+ border-left: 5px solid #ca0813;
48
52
 
49
- border-color: #CDCBCB #CDCBCB #CDCBCB #CA0813;
53
+ background-color: #fff;
50
54
 
51
- -moz-border-top-colors: none;
55
+ font-size: 14px;
52
56
 
53
- -moz-border-right-colors: none;
57
+ line-height: 1.75;
54
58
 
55
- -moz-border-bottom-colors: none;
59
+ color: #000;
56
60
 
57
- -moz-border-left-colors: none;
58
-
59
- border-image: none;
60
-
61
- background-color: #FFF;
62
-
63
- font-size: 14px;
64
-
65
- line-height: 1.75;
66
-
67
- color: #000;
61
+ }
68
62
 
69
63
 
70
64
 
71
- .クラス名::after {
65
+ .クラス名:after {
72
66
 
73
- position: absolute;
67
+ position: absolute;
74
68
 
75
- top: 50%;
69
+ top: 50%;
76
70
 
77
- right: -22px;
71
+ right: -22px;
78
72
 
79
- width: 23px;
73
+ width: 23px;
80
74
 
81
- height: 26px;
75
+ height: 26px;
82
76
 
83
- margin-top: -13px;
77
+ margin-top: -13px;
84
78
 
85
- background: url("../images.png") no-repeat scroll 0px 0px / 23px auto transparent;
79
+ background: url(../images_.png) no-repeat 0 0;
86
80
 
81
+ background-size: 23px auto;
82
+
87
- content: "";
83
+ content: "";
84
+
85
+ }
86
+
87
+ ```