간단한 대문 코딩이 익스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개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 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 http-equiv="X-UA-Compatible" content="IE=8" /> 이나
<META http-equiv="X-UA-Compatible" content="IE=7" />로 고정해두고
IE 6과 해당 버젼에 맞춰 css를 만들고 브라우져에 맞춰 출력하겠습니다.
아무래도 그게 편하니까요....
역시 코딩이 너무 미숙한것같네요 제가..
핵이랑 meta나 잘 모르는 이야기라.. 좀더 노력해보겠습니다 :D!