<!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;
<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;
}
ul.nav li a:hover {
color: #FFF;
}
#container{
position:relative;
width:500px;
height:500px;
margin:0px auto;
background:url('') no-repeat;
}
position:relative;
width:500px;
height:500px;
margin:0px auto;
background:url('') no-repeat;
}
</style>
</head>
</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>
<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개
13년 전
익스용 핵을 사용하셔야겠네요~
핵은 사용 안하는게 좋지만 정신건강에 이롭기에..^^
1. Star 핵 : IE6, IE7
2. _(언더바) 핵 : IE6
3. ie9 핵 : root #element { color:pink \0/IE9; } /- IE9 *-
4. 파이어폭스 핵 : @-moz-document url-prefix() { .Top {margin-top: -3px;} }
핵은 사용 안하는게 좋지만 정신건강에 이롭기에..^^
1. Star 핵 : IE6, IE7
2. _(언더바) 핵 : IE6
3. ie9 핵 : root #element { color:pink \0/IE9; } /- IE9 *-
4. 파이어폭스 핵 : @-moz-document url-prefix() { .Top {margin-top: -3px;} }
13년 전
저라면 meta 테그로
<META http-equiv="X-UA-Compatible" content="IE=8" /> 이나
<META http-equiv="X-UA-Compatible" content="IE=7" />로 고정해두고
IE 6과 해당 버젼에 맞춰 css를 만들고 브라우져에 맞춰 출력하겠습니다.
아무래도 그게 편하니까요....
<META http-equiv="X-UA-Compatible" content="IE=8" /> 이나
<META http-equiv="X-UA-Compatible" content="IE=7" />로 고정해두고
IE 6과 해당 버젼에 맞춰 css를 만들고 브라우져에 맞춰 출력하겠습니다.
아무래도 그게 편하니까요....
13년 전
친절하신 답변들 감사합니다.
역시 코딩이 너무 미숙한것같네요 제가..
핵이랑 meta나 잘 모르는 이야기라.. 좀더 노력해보겠습니다 :D!
역시 코딩이 너무 미숙한것같네요 제가..
핵이랑 meta나 잘 모르는 이야기라.. 좀더 노력해보겠습니다 :D!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5530 | 13년 전 | 563 | ||
| 5529 | 13년 전 | 743 | ||
| 5528 | 13년 전 | 733 | ||
| 5527 | 13년 전 | 1043 | ||
| 5526 | 13년 전 | 1061 | ||
| 5525 | 13년 전 | 1828 | ||
| 5524 | 13년 전 | 703 | ||
| 5523 |
high8sky
|
13년 전 | 753 | |
| 5522 | 13년 전 | 3144 | ||
| 5521 | 13년 전 | 872 | ||
| 5520 |
즐거운상상을
|
13년 전 | 1132 | |
| 5519 | 13년 전 | 1512 | ||
| 5518 | 13년 전 | 978 | ||
| 5517 | 13년 전 | 1987 | ||
| 5516 | 13년 전 | 702 | ||
| 5515 |
순천홈페이지
|
13년 전 | 2857 | |
| 5514 | 13년 전 | 1184 | ||
| 5513 |
수야3019
|
13년 전 | 1513 | |
| 5512 | 13년 전 | 912 | ||
| 5511 | 13년 전 | 1069 | ||
| 5510 |
 직화오리팡야 |
13년 전 | 1427 | |
| 5509 |
 TopSchooL |
13년 전 | 1117 | |
| 5508 | 13년 전 | 1681 | ||
| 5507 | 13년 전 | 1551 | ||
| 5506 | 13년 전 | 721 | ||
| 5505 | 13년 전 | 2794 | ||
| 5504 |
물끄덩미끄덩
|
13년 전 | 959 | |
| 5503 |
후라보노보노
|
13년 전 | 1979 | |
| 5502 | 13년 전 | 873 | ||
| 5501 | 13년 전 | 1954 | ||
| 5500 | 13년 전 | 1822 | ||
| 5499 | 13년 전 | 1821 | ||
| 5498 | 13년 전 | 780 | ||
| 5497 |
레인보우1492
|
13년 전 | 1343 | |
| 5496 | 13년 전 | 1081 | ||
| 5495 |
jdjjun00
|
13년 전 | 2056 | |
| 5494 | 13년 전 | 917 | ||
| 5493 | 13년 전 | 993 | ||
| 5492 | 13년 전 | 1245 | ||
| 5491 | 13년 전 | 1105 | ||
| 5490 | 13년 전 | 896 | ||
| 5489 |
빨간망사챠챠
|
13년 전 | 2292 | |
| 5488 |
나태한개미
|
13년 전 | 1071 | |
| 5487 |
나태한개미
|
13년 전 | 1040 | |
| 5486 |
나태한개미
|
13년 전 | 2127 | |
| 5485 | 13년 전 | 1807 | ||
| 5484 | 13년 전 | 6541 | ||
| 5483 | 13년 전 | 1436 | ||
| 5482 |
Raincommunication
|
13년 전 | 777 | |
| 5481 |
TopSchooL |
13년 전 | 583 | |
| 5480 |
 스마트파인드 |
13년 전 | 999 | |
| 5479 | 13년 전 | 1042 | ||
| 5478 |
직화오리팡야 |
13년 전 | 892 | |
| 5477 | 13년 전 | 679 | ||
| 5476 | 13년 전 | 1121 | ||
| 5475 | 13년 전 | 1438 | ||
| 5474 | 13년 전 | 832 | ||
| 5473 | 13년 전 | 655 | ||
| 5472 | 13년 전 | 1151 | ||
| 5471 | 13년 전 | 1614 | ||
| 5470 | 13년 전 | 962 | ||
| 5469 |
BackToHeaven
|
13년 전 | 2230 | |
| 5468 |
멀티트리플
|
13년 전 | 1113 | |
| 5467 | 13년 전 | 733 | ||
| 5466 | 13년 전 | 1311 | ||
| 5465 | 13년 전 | 1416 | ||
| 5464 | 13년 전 | 1497 | ||
| 5463 | 13년 전 | 696 | ||
| 5462 | 13년 전 | 1423 | ||
| 5461 | 13년 전 | 1071 | ||
| 5460 | 13년 전 | 2571 | ||
| 5459 | 13년 전 | 1069 | ||
| 5458 |
프로프리랜서
|
13년 전 | 959 | |
| 5457 | 13년 전 | 813 | ||
| 5456 |
PHPㅡASP프로그래머
|
13년 전 | 1333 | |
| 5455 |
뭐먹고살지ㅠ
|
13년 전 | 871 | |
| 5454 | 13년 전 | 1618 | ||
| 5453 |
프리랜서클럽
|
13년 전 | 1198 | |
| 5452 | 13년 전 | 840 | ||
| 5451 | 13년 전 | 788 | ||
| 5450 | 13년 전 | 7295 | ||
| 5449 |
PHPㅡASP프로그래머
|
13년 전 | 835 | |
| 5448 |
DBDBDB
|
13년 전 | 676 | |
| 5447 | 13년 전 | 1945 | ||
| 5446 |
헬프데스크
|
13년 전 | 1802 | |
| 5445 | 13년 전 | 969 | ||
| 5444 |
Werbershinta
|
13년 전 | 681 | |
| 5443 | 13년 전 | 1347 | ||
| 5442 | 13년 전 | 1066 | ||
| 5441 | 13년 전 | 1181 | ||
| 5440 | 13년 전 | 3173 | ||
| 5439 | 13년 전 | 838 | ||
| 5438 |
ddokkani
|
13년 전 | 768 | |
| 5437 | 13년 전 | 2631 | ||
| 5436 | 13년 전 | 1023 | ||
| 5435 |
PHPㅡASP프로그래머
|
13년 전 | 843 | |
| 5434 |
돗단배123
|
13년 전 | 1611 | |
| 5433 | 13년 전 | 1773 | ||
| 5432 |
 엘남매아빠 |
13년 전 | 926 | |
| 5431 | 13년 전 | 774 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기