수다닷컴

안녕하세요!
사이트 메인 따라하는데 막힙니다.

초짜 질문드립니다.

바디에 style=background: url(...) no-repeat center 100px; 이런식으로 백그라운드를 깔았습니다.(4500_525사이즈의 이미지)
파폭에선 보이는데 익스에서 보이지 않는 이유를 모르겠습니다.

고수님들의 답변 부탁합니다.

그리고 margin 값과 overflow관련 질문인데요 아래 빨깐 텍스트부분 보시면

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
style type=text/css
--
html,body{width:100%;height:100%;}
body{background: url(images/main_bg.jpg)no-repeat center 100px;font-size:12px;}
*{padding:0;margin:0;}
ol,ul,li,p{list-style:none;}
img{border:0;}
#wrap{width:980px;height:auto;position:relative;margin:0 auto;background-color:;overflow:hidden;}
요기overflow:hidden;써주니 파폭에높이 값을 가지고 익스에선 안해줘도 가지던데 이유를 모르겠어요

.logo{float:left;padding:27px 0 16px 0;}
#contents{width:100%;margin:525px auto;clear:both;background-color:;}
요기 마진값을 525px를 주니 gogo라는 글씨가 파폭에선 100px모자란 425px위치에있더라구요 이유를 모르겠습니다. 백그라운가 안보이니 익스에선 제대루 위치해 있는지도 모르겠고.. (이미지 첨부를 하려하나 회사가 다 막아놔서 올리는 못합니다)

익스 ,파폭 높이값을 같게 하려면 어떻게 해야하나요?

--
/style
meta http-equiv=content-Type content=text/html; charset=euc-kr /
title타이틀/title
/HEAD
BODY
div id=wrap
div class=logo
img src=images/me_logo.jpg
/div
div id=contents
gogo
/div
/div
/BODY
/HTML

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

아래는 이차 연습 소스입니다

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
style type=text/css
--
html,body{width:100%;height:100%;}
body{background: url(images/main_bg.jpg) no-repeat center 100px transparent; font-size:12px;}
*{padding:0;margin:0;}
ol,ul,li,p{list-style:none;}
img{border:0;}
#wrap{width:980px;height:auto;position:relative;margin:0 auto;background-color:;overflow:hidden;}
.logo{float:left;padding:27px 0 16px 0;}
#contents{width:100%;padding:545px 0 0 0;clear:both;background-color:;}
#contents .box1{width:250px;float:left;position:relative;border:0px solid #ddd;margin:0 70px 0 0;}
#contents .box1 h1{width:100%;height:13px;}
#contents .box1 h1 .more1{position:absolute;top:0;right:0;}
#contents .box1 .kongzi_box1{width:100%;height:auto;padding:10px 0 0 0;}
#contents .box1 .kongzi_box1 .box_first{width:100%;}
#contents .box1 .kongzi_box1 .box_first .first_big{background: url(images/main_list.gif) no-repeat 0 70%;padding:10px 0 0 8px;font-size:11px;color:#666666;font-family:dotum;position:relative;}
#contents .box1 .kongzi_box1 .box_first .first_big .first_small{color:#999999;position:absolute;right:0;}

#contents .box2{width:250px;float:left;position:relative;border:0px solid #ddd;}
#contents .box2 h1{width:100%;height:13px;}
#contents .box2 h1 .more1{position:absolute;top:0;right:0;}
#contents .box2 .kongzi_box1{width:100%;height:auto;padding:10px 0 0 0;}
#contents .box2 .kongzi_box1 .box_first{width:100%;}
#contents .box2 .kongzi_box1 .box_first .first_big{background: url(images/main_list.gif) no-repeat 0 70%;padding:10px 0 0 8px;font-size:11px;color:#666666;font-family:dotum;position:relative;}
#contents .box2 .kongzi_box1 .box_first .first_big .first_small{color:#999999;position:absolute;right:0;}

#contents .box3{width:330px;float:right;}
#contents .box3 h1{width:100%;height:13px;}
#contents .box3 .kongzi_box1{width:100%;height:auto;padding:10px 0 0 0;}
#contents .box3 .kongzi_box1 .box_first{width:100%;}
#contents .box3 .kongzi_box1 .box_first .first_big{padding:0 0 0 0;float:left;}
#contents .box3 .kongzi_box1 .box_first .first_big_1{padding:0 0 0 11px;float:left;}

--
/style
meta http-equiv=content-Type content=text/html; charset=euc-kr /
title타이틀/title
/HEAD
BODY
div id=wrap

div class=logo
img src=images/me_logo.jpg
/div
div id=contents
div class=box1
h1img src=images/main_01.gifimg src=images/main_more.gif class=more1/h1
&;
div class=kongzi_box1
ul class=box_first
li class=first_big2013년도 전문대학 기관평가인증...span class=first_small2013.02.20/span/li
li class=first_big2013년도 전문대학 기관평가인증...span class=first_small2013.02.20/span/li
li class=first_big2013년도 전문대학 기관평가인증...span class=first_small2013.02.20/span/li
/ul
/div
/div
div class=box2
h1img src=images/konzi.gifimg src=images/main_more.gif class=more1/h1
div class=kongzi_box1
ul class=box_first
li class=first_big2013년도 전문대학 기관평가인증...span class=first_small2013.02.20/span/li
li class=first_big2013년도 전문대학 기관평가인증...span class=first_small2013.02.20/span/li
li class=first_big2013년도 전문대학 기관평가인증...span class=first_small2013.02.20/span/li
/ul
/div
/div
div class=box3
h1img src=images/main_03.gif/h1
div class=kongzi_box1
ul class=box_first
li class=first_bigimg src=images/main_quick01.gif/li
li class=first_big_1img src=images/main_quick02.gif/li
li class=first_big_1img src=images/main_quick03.gif/li
li class=first_big_1img src=images/main_quick04.gif/li

/ul
/div
/div
/div

/div
/BODY
/HTML

신청하기