수다닷컴

/* CSS Document */
#mainTop {width:980px; height:291px; margin:0; margin-left:auto; margin-right:auto; background:url(images/main.jpg) no-repeat top left;}
#mainCenter {width:980px; height:477px; margin:0 auto; margin-bottom:12px;}
#mainFooter {width:980px; height:130px; margin:0 auto;}
.centerLeft {width:225px; height:477px; margin-right:31px; float:left;}
.centerCenter {width:381px; height:477px; margin-right:33px; float:left;}
.centerRight {width:230px; height:477px; float:left;}
.maintopimg {width:980px; height:40px;}
#header{width:980px; height:78px;}
.join {float:left; margin-left:687px; margin-top:14px;}
.join2 {float:left; margin-top:14px;}
#logo{width:212px; height:38px; float:left; margin-top:7px;}
.naviFloat{float:left;}
#navi{
position:relative;
width:689px;
height:38px;
margin-top:7px;
}
----------------------------------------------------------------------------------------------------------------

!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
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
meta name=keywords content=광명시보육정보센터, 광명시, 보육, 보육정보센터 /
link rel=stylesheet type=text/css href=master.css /
link rel=stylesheet type=text/css href=main.css /
title광명시보육정보센터입니다/title
/head
body
!--상단시작--
div id=mainTop
h2 title=홈, 로그인, 회원가입, 사이트맵 class=blind상단메뉴/h2
ul
li class=joinimg src=images/home.jpg alt=홈으로 width=34px height=19px //li
li class=join2img src=images/login.jpg alt=로그인 width=50px height=19px //li
li class=join2img src=images/join.jpg alt=회원가입 width=59px height=19px //li
li class=join2img src=images/sitemap.jpg alt=사이트맵 width=60px height=19px //li
/ul
div id=logoimg src=images/logo.jpg alt=광명시보육정보센터 //div

!--네비게이션 시작--
div id=navi
ul
li class=naviFloatimg src=images/menu01.jpg alt=센터안내 width=119px height=38px //li
li class=naviFloatimg src=images/menu02.jpg alt=보육행정 width=100px height=38px //li
li class=naviFloatimg src=images/menu03.jpg alt=보육시설 지원 width=126px height=38px //li
li class=naviFloatimg src=images/menu04.jpg alt=종사자 지원 width=107px height=38px //li
li class=naviFloatimg src=images/menu05.jpg alt=육아 지원 width=98px height=38px //li
li class=naviFloatimg src=images/menu06.jpg alt=커뮤니티 width=139px height=38px //li
/ul

!--네비게이션 끝--
/div
!--상단끝--
/div
!--중간컨텐츠시작--
div id=mainCenter
!--mainCenterLeft 시작--
div class=centerLeft
/div
!--mainCenterLeft 끝--

!--ㅡmainCenterCenter 시작 --
div class=centerCenter
/div
!--ㅡmainCenterCenter 끝--

!--ㅡmainCenterRight 시작 --
div class=centerRight
/div
!--ㅡmainCenterRight 끝--
/div
!--중간컨텐츠끝--
!--풋터시작--
div id=mainFooter
/div
!--풋터끝--
/body
/html--------------------------------------------------------------------------------------------------------
ㅠ_ ㅠ 미치겠어욤..
body에도 margin:0; 이 안들어가서 상단에 마진이 생기구요..
밑에 background와 네비게이션 그림들이 맞아야되능데 맞지도 않고.. 아무리해도
혼자 해결을 못하겠습니다.
익스플로서6 에서는 완전 이상해지는데 어떻게 해야
익스플로러 6에서 잡을수 있을까여 ㅠㅠ

익스플로러 8이랑 오페라는 잘나오구여
익스플로러 7이랑 크롬이랑 높이가 틀리구여
익스플로러 6은 미쳤어요.......ㅠㅠㅠㅠㅠ

신청하기