간단한 대문 코딩이 익스8에서만 나타납니다. 도와주세요~
<!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!
게시글 목록
| 번호 | 제목 |
|---|---|
| 16762 | |
| 16759 |
JavaScript
top.location.href= 에서 타켓 지정하는 방법은 어떻게 하나요>
2
|
| 16758 | |
| 16755 |
JavaScript
이동하는 글자
2
|
| 16752 |
JavaScript
자바스크립트 메뉴 문제입니다
2
|
| 16746 |
PHP
PHP 속도 향상 팁
5
|
| 16743 |
JavaScript
jQuery 드롭다운메뉴
2
|
| 30241 | |
| 16739 |
PHP
이게 잘못된건가요? ㅋ
3
|
| 16737 | |
| 16735 | |
| 16734 | |
| 16725 | |
| 16723 | |
| 16721 | |
| 16720 |
Linux
파일이나 프로그램 모니터링하기
|
| 30235 | |
| 16716 | |
| 30228 | |
| 16714 | |
| 30220 | |
| 30218 |
HTML
드림위버 롤오버요~
1
|
| 30210 |
HTML
요걸우째설명해야될지;;;
7
|
| 30206 |
HTML
li 가로정렬
3
|
| 4077 | |
| 16713 | |
| 16711 |
JavaScript
만화 권당 팝업드는방법 알려주세요
1
|
| 30190 | |
| 16710 |
jQuery
jQuery 입력박스 툴팁 소스
|
| 30188 | |
| 16707 |
jQuery
초보입니다... 도와주세요 ㅠㅠ
2
|
| 26290 |
기획서
사업진행스케쥴표
13
|
| 30182 | |
| 16701 |
MySQL
mysql select 질문점 굽신굽신
5
|
| 16698 |
JavaScript
고수님들 부탁드려요ㅠㅠㅠ 자바스크립트가 익스 6에선 먹히질 않습니다ㅠㅠㅠ
2
|
| 16691 |
Mobile
스마트폰에서 ip camera 영상 보는 방법
6
|
| 4074 | |
| 16687 |
jQuery
회원이 메뉴색 변경하는 소스 질문드립니다.
3
|
| 16685 |
Linux
SSH로 sql 패치 방법
1
|
| 4070 | |
| 16683 | |
| 30168 | |
| 16682 |
MySQL
MySQL For C API
|
| 30166 | |
| 16680 | |
| 16679 | |
| 16674 | |
| 16671 |
MySQL
mysql backup shell
2
|
| 16664 |
MySQL
cron backup shell
6
|
| 30156 |
HTML
css 로 레이아웃 컨트롤
9
|
| 16660 |
JavaScript
input박스 길이문제
3
|
| 16657 | |
| 24373 | |
| 16654 |
Linux
리눅스시스템 스와핑 줄이기
2
|
| 16653 |
PHP
페이지 개수를 정하고 싶어요
|
| 30150 | |
| 16652 | |
| 16649 |
JavaScript
인자별 함수 실행 part2
2
|
| 4066 | |
| 16647 | |
| 16646 |
MySQL
mysql5.0으로 업데이트했는데
|
| 16643 |
JavaScript
인자별 함수 중복 실행 방법
2
|
| 16637 |
JavaScript
파이어 폭스 호환성질문...;
5
|
| 16634 | |
| 30148 | |
| 16633 | |
| 16629 |
JavaScript
스트립트 오류좀 봐주세요 ㅠㅠ
3
|
| 16627 |
PHP
[수정]아파치 타임아웃
1
|
| 30138 | |
| 16624 | |
| 16622 | |
| 16619 |
MySQL
애왜안될까요;;;
2
|
| 16618 |
Linux
저거 뭘까요?
|
| 30135 | |
| 30128 | |
| 16615 |
MySQL
이런젠장 값전달이 안되네요
2
|
| 30109 | |
| 16613 | |
| 16611 | |
| 16606 | |
| 16605 | |
| 16604 |
JavaScript
스크립트한번만봐주세요 ㅠ
|
| 16599 |
MySQL
mysql 속도 문제..
4
|
| 16594 | |
| 16593 | |
| 16589 | |
| 16587 | |
| 16572 | |
| 4047 | |
| 16566 | |
| 30107 | |
| 16564 | |
| 16561 | |
| 16558 |
MySQL
콤마 어떻게 찍는지 좀 가르쳐 주세요.
2
|
| 16557 | |
| 16552 | |
| 16548 | |
| 16546 | |
| 16543 |
JavaScript
고수님들 중 이런 에러 보신적 있으신가요?
2
|
| 16526 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기