곽태식

html 화면 비율 맞춤, 텍스트 위치 수정

...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 margin-top:0px; 18 margin-top:0px;
19 margin-right:0px; 19 margin-right:0px;
20 margin-bottom:0px; 20 margin-bottom:0px;
21 - width : 100%; 21 + width : auto;
22 font-size: 3.0em; 22 font-size: 3.0em;
23 line-height: 3.0em; 23 line-height: 3.0em;
24 font-weight : bold; 24 font-weight : bold;
...@@ -35,22 +35,59 @@ ...@@ -35,22 +35,59 @@
35 35
36 36
37 37
38 - #center_top1 {position:absolute; top:100px; left:630px; height :25%; overflow:hidden; } 38 + #center_top1 {
39 + position:absolute;
40 + top:200px;
41 + left:630px;
42 + height :25%;
43 + overflow:hidden;
44 + }
39 45
40 - #center_top2 {position:absolute; top:300px; left:600px; height :25%; overflow:hidden;} 46 + #center_top2 {
47 + position:absolute;
48 + top:321px;
49 + left:601px;
50 + height :25%;
51 + margin: auto;
52 + overflow:hidden;
53 + }
41 54
42 - #center_top3 {position:absolute; top:500px; left:400px; height :25%; overflow:hidden;} 55 + #center_top3 {
56 + position:absolute;
57 + top:437px;
58 + left:446px;
59 + height :25%;
60 + overflow:hidden;
61 + }
43 62
44 #banner { 63 #banner {
45 position: absolute; 64 position: absolute;
46 top: 0; 65 top: 0;
47 width: 100%; 66 width: 100%;
48 } 67 }
49 - 68 + #bg{
69 + position: fixed;
70 + top: -50%;
71 + left: 0%;
72 + width: 100%;
73 + height: 200%;
74 + }
75 + #bg img{
76 + position: absolute;
77 + top: 0;
78 + left: 0;
79 + right: 0;
80 + bottom: 0;
81 + margin: auto;
82 + min-width: 50%;
83 + min-height: 50%;
84 + }
50 </style> 85 </style>
51 </head> 86 </head>
52 <body> 87 <body>
53 - <img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"width="50%" height="100%"> 88 + <div id="bg">
89 + <img src="images/background.jpg" width="100%" height="50%">
90 + </div>
54 91
55 <div id = "center_top1"> 92 <div id = "center_top1">
56 (사용자정보) 님은 93 (사용자정보) 님은
......