간단한 대문 코딩이 익스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!
게시글 목록
| 번호 | 제목 |
|---|---|
| 12386 |
PHP
메타태그 주요정리 입니다.
|
| 12385 |
JavaScript
광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.
|
| 12384 |
MySQL
테이블 생성, 컬럼 추가, 삭제, 수정
|
| 12380 |
JavaScript
입력값을 형식에 맞게 해주는 플러그인이네요
3
|
| 12379 |
JavaScript
팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.
|
| 12378 |
JavaScript
팝업창 하루에 한번만 열기 입니다
|
| 12377 | |
| 12376 |
jQuery
유투브 관련 플러그인
|
| 12375 |
jQuery
input 태그에 readonly 추가하는 방법
|
| 12374 | |
| 12373 | |
| 12372 |
jQuery
자주 쓰이는 Jquery 팁 20가지 입니다.
|
| 12371 |
jQuery
jQuery 오른쪽 퀵메뉴 입니다.
|
| 12369 |
jQuery
textarea 글자수 카운트 입니다.
1
|
| 368 | |
| 12368 |
jQuery
ifrmae 자동 리사이즈 jQuery 입니다.
|
| 12367 |
jQuery
슬라이딩 형태로 보여주기 입니다.
|
| 12366 |
jQuery
라인 그래프 그리기 입니다.
|
| 12365 |
jQuery
콤보박스관련 플러그인
|
| 12363 |
MySQL
MySQL 기본 명령어 정리 입니다.
1
|
| 12362 |
MySQL
MySQL 한글 정렬하기 입니다.
|
| 12361 |
MySQL
그림을 MySQL DB에 저장하는 방법
|
| 12360 |
JavaScript
엑셀 흉내내기
|
| 12359 | |
| 12358 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기