해상도와 상관없이 가운데정렬하기
루나
화면해상도에 상관없이 가운데 정렬을 하구 싶은데 안되네요...소스좀 알려주세요..ㅠㅠ
1900까지의 해상도를 고려해서 헤더부분을 1900까지 만들었거든요..컨텐츠들은 1024안에 다들어가구요...
!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=imagetoolbar content=no
title하코사/title
script type=text/javascript src=../flash/js/AC_RunActiveContent.js/script
script type=text/javascript src=../flash/js/wiseLink.js/script
/head
style
html,form,body,div,ul,ol,li,dl,dt,dd,p,strong,h1,h2,h3,h4,h5,h6,form { margin: 0; padding: 0; list-style: none; }
img{ border: none; }
a{ outline: 0; }
#wrap{ width: 1900px; }
#top{ width: 1900px; height: 320px; }
#snb{ width: 600px; height: 700px; margin-top: 25px; text-align: right; float:left; display: inline;}
#content{ margin-top: 25px; float: left; display: inline; }
#aa{ float: left; }
#conBox{ margin-left: 80px; }
.pg_nav{ float: left; }
#conBox2{ clear: both; margin-top: 20px; margin-left: 80px; }
#conBox3{ margin-top: 50px; margin-left: 80px; float: left; display: inline; }
#conBox4{ clear: both; margin-top: 95px; margin-left: 80px; float: left; display: inline; }
.title_mg{ margin-top: 35px; display: inline; }
.sub_mg{ margin-top: 20px; display: inline; }
#conBox5{ margin-top: 90px; margin-bottom: 150px; }
#footer{ clear: both; }
/style
body oncontextmenu = return false ondragstart = return false onselectstart = return false
div id=wrap
div id=top bgcolor=#ffffff topmargin=0 leftmargin=0 scroll=no
? include ../flash/js/company/cp_top8.js ?
/div
div id=snb
img src=../img/snb.jpg /
/div
div id=content
div id=aa
div id=conBox
div id=pg_navy
ul
li class=pg_nava href=../index.phpimg src=../img/pg_navy1.gif //a/li
li class=pg_navimg src=../img/arrow.gif //li
li class=pg_nava href=../index.phpimg src=../img/company/common/pg_navy2.gif //a/li
li class=pg_navimg src=../img//arrow.gif //li
li class=pg_navimgsrc=../img/pg_navy3.gif //li
/ul
/div
/div
div id=conBox2
ul
liimg src=../img/tt.gif //li
/ul
/div
div id=conBox3
ul
liimg src=../img/kk.gif //li
/ul
/div
div id=conBox4
div
ul
liimg src=../img/jj.gif //li
li class=sub_mgimg src=../img/hh.gif //li
/ul
/div
div
ul
li class=title_mgimg src=../img/rr.gif //li
li class=sub_mgimg src=../img/ee.gif //li
/ul
/div
div
ul
li class=title_mgimg src=../img/aa.gif //li
li class=sub_mgimg src=../img/bb.gif //li
/ul
/div
/div
/div
div id=bb
div id=conBox5
ul
liimg src=../img/cc.jpg //li
/ul
/div
/div
/div
div id=footer
? include ../footer.php ?
/div
/div
/body
/html
-
두빛나래
네 맞아요!!!간단히 말씀드리면 1900해상도인 사람까지도 좀 심심하니 공백부분 탑을 그냥 보여주자는 취지로 한건데
어떻게 방법이 없을까요?? -
빛초롱
top 부분만 1900px 이시라면 혹시 플래시 네비게이션을 1900px 로 만드셨다는건가요? ;;
-
유1혹
top부분만 플래쉬로 1900px로 되어잇구요..나머지는 1024안에 다들어와요..방법이 없을까요??
별의별 방법을 다해봤구요.. -
단화한
해상도에 관계없이 그냥 가운데 정렬만 하고싶으신거라면
wrap 에 margin:0 auto; 를 주시면 해결될듯보이네요
그런데 wrap 에 1900px 주신거때문에 가로 스크롤바가 생길듯보입니다
어차피 컨텐츠들이 1024에 맞춰져 계신다면 wrap에 width:1024px; 로 주시면되겠습니다 -
플랜
질문 하실때 귀찮으실수도 있겠지만 캡쳐 화면이라던가 소스코드(zip) 혹은 링크들을 함깨 올려주시거나 답변 다시는 분들이 좀더 쉽게 이해하고 달아드릴수 있을거 같습니다.
상단에 top부분에 1900으로 컨텐츠가 들어가 있어서 원하시는데로 작동이 안할거 같네요
일반 적으로 컨텐츠가 1024사이즈로 준비가 되어있다면 전체적인 틀 자체를 1024로 잡고 그 외 영역을 넘어가는 부분( 예를들어 top의 상단에 브라우져 전체 크기로 있는 라인이라던지 등등 -
에드가
wrap 에 margin:auto 로 하믄 안되나융??