테스트 사이트 - 개발 중인 베타 버전입니다

간단한 대문 코딩이 익스8에서만 나타납니다. 도와주세요~

· 13년 전 · 1123 · 3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 저의 홈페이지에 오신것을 환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
<style type="text/css">
 
* { margin:0;
 padding:0;
}
 
 
.navbox {
 position:relative;
 float: left;
 top:280px;
 left:140px;
  
}
 
ul.nav {
 list-style: none;
 width: 500px;
 height: 100px;
}
  
ul.nav li a {
 float: left;
 background: #000;
 color: #999;
 padding: 10px 20px 10px 15px;
 text-decoration: none;
 
}
 
ul.nav li a:hover {
 color: #FFF;
}
#container{
 position:relative;
 width:500px;
 height:500px;
 margin:0px auto;
 background:url('') no-repeat;
 }
</style>
</head>
<body>
<div id="container">
        <div class="navbox">
        <ul class="nav">
        <li><a href="#">홈페이지</a></li>
        <li><a href="#">블로그</a></li>
        </ul>
        </div>
</div>
</body>
</html>
 
 
-----------
 
안녕하세요
저는 웹표준 코딩관련해서는 아주 조금 학원에서 배우고 최근 웹디자이너로 회사에서 다니고 있는 새내기입니다.
잘부탁드립니다.. 요즘 제 포트폴리오를 웹표준 형식으로 메인화면을 바꾸기 위해 코딩을 하고있습니다.
일단 메인화면의 코딩은 위와 같이 단순한 형태이구요. 왼쪽버튼누르면 홈페이지, 오른쪽버튼 누르면 블로그..
가운데의 container에 background로 500x500의 간단한 배경을 넣을 예정입니다.(작업중입니다 간단하게!)
워낙 기본적이고 간단한 대문이라서... 그냥 후다닥 코딩을 했긴했는데;;ㅠㅠ
그동안 워낙 포토샵으로 웹디자인만 살짝 바꾸는 작업만해서 코딩을 안한지가 오래되서인지..
익스플로러8에서는 잘 표현되는데 다른 익스플로러버전에서 표현이 안되네요.
ietester에서 테스트했구요.. 요즘 익스플로러6버전 쓰시는 분들이 많아서 적어도 거기서라도 표현이 되어야하는데..
제가 뭘 잘못한걸까요?
도움이 필요합니다. 도와주세요!
그리고 웹표준 코딩관련해서 기초부터 시작해서 예제가 잘 나와있는 책좀 추천부탁드립니다.
부탁드리는게 너무 많아 죄송합니다..

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

익스용 핵을 사용하셔야겠네요~
핵은 사용 안하는게 좋지만 정신건강에 이롭기에..^^
1. Star 핵 : IE6, IE7
2. _(언더바) 핵 : IE6
3. ie9 핵 : root #element { color:pink \0/IE9; } /- IE9 *-
4. 파이어폭스 핵 : @-moz-document url-prefix() { .Top {margin-top: -3px;} }
저라면 meta 테그로
<META http-equiv="X-UA-Compatible" content="IE=8" /> 이나
<META http-equiv="X-UA-Compatible" content="IE=7" />로 고정해두고
IE 6과 해당 버젼에 맞춰 css를 만들고 브라우져에 맞춰 출력하겠습니다.

아무래도 그게 편하니까요....
13년 전
친절하신 답변들 감사합니다.
역시 코딩이 너무 미숙한것같네요 제가..
핵이랑 meta나 잘 모르는 이야기라.. 좀더 노력해보겠습니다 :D!

게시글 목록

번호 제목
32341
32339
32326
32325
32322
32319
32318
32316
32315
32313
32312
32311
32310
32304
32303
32300
32293
32292
32291
32285
32284
32275
32271
32268
32265
32261
32258
32257
32255
32254
32253
32251
32250
32249
32247
32246
32245
32244
32243
32242
32241
32240
32239
32238
32237
32236
32232
32229
32228
32227
32217
32215
32214
32213
32211
32207
32196
32193
32192
32190
32188
32186
32184
32173
32172
32171
32167
32165
32163
32162
32158
32157
32155
32151
32149
32135
32132
32127
32125
32122
32120
32119
32117
32116
32115
32114
32112
32111
32109
32107
32104
32103
32102
32101
32094
32089
20404
31036
8279
8268