묻고답하기
레이아웃 정렬 질문입니다
2008.06.04 00:57
안녕하세요~
1번 레이아웃을 2번 레이아웃처럼 가운데로 정렬하고싶은데요
아무리 해봐도 메뉴부분만 짤릴뿐 저런식으로는 안되네요
제가 원하는건 상단메뉴를 부분을 제외하고 레이아웃 전체를 가운데로 정렬하고 싶습니다
혹시 알고계시분은 답변좀 부탁드릴께요.
해당 레이아웃 css 부분입니다 해당레이아웃은 레이아웃 스킨 1번에 있는 레이아웃이구요
@charset "utf-8";
body { margin:0; }
#loading { background:url(../images/red/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
#layout_zx { }
#layout_zx .lo_top { background:url(../images/red/top_bg.gif) repeat-x; height:100px; }
#layout_zx .lo_top .logo { background:url(../images/red/top_bg_center.gif) no-repeat; height:100px; text-align:left; margin-left:10px;}
#layout_zx .lo_menu { background:url(../images/red/bg.gif) repeat-x; height:45px; }
#layout_zx .lo_menu .a_left { background:url(../images/red/opening.gif) right no-repeat; height:35px; width:10px; }
#layout_zx .lo_menu .a_right { background:url(../images/red/closing.gif) left no-repeat; height:35px; }
#layout_zx .lo_menu .a_center { width:940px; }
#layout_zx .lo_menu .a_center .a_menu { float:right; }
#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; text-align:center; padding:11px 5px 0px 5px; overflow:hidden; white-space:nowrap; }
#layout_zx .lo_menu .a_center .item a { font-family:Tahoma;font-size:11px; font-weight:bold; color:#EFD8DC text-decoration:none; }
#layout_zx .lo_menu .a_center .item a:hover { text-decoration:none; }
#layout_zx .lo_menu .a_center .i_nm { background:url(../images/red/item_bg.gif) no-repeat; color:#EFD8DC}
#layout_zx .lo_menu .a_center .i_nm a { color:#EFD8DC; text-decoration:none;}
#layout_zx .lo_menu .a_center .i_ov { background:url(../images/red/item_bg_over.gif) no-repeat; color:#FFFFFF; }
#layout_zx .lo_menu .a_center .i_ov a { color:#FFFFFF; text-decoration:none;}
#layout_zx .lo_menu .a_center .i_se { background:url(../images/red/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
#layout_zx .lo_menu .a_center .i_se a { color:#FFFFFF; text-decoration:none;}
#layout_zx .lo_menu .shadow { background:url(../images/red/shadow.gif) repeat-x; height:10px; }
#layout_zx .main_body_cell { width:940px; }
#layout_zx .tbl_home_layout { margin-top:-10px; table-layout:fixed; }
#layout_zx .tbl_home_layout .l_left { width:220px; background:#F6F6F6; }
#layout_zx .tbl_home_layout .l_center { width:720px;}
#layout_zx .tbl_home_layout .l_line { width:1px; background:#F1F2F3; }
#layout_zx .submenu { padding:10px; }
#layout_zx .submenu .submenu_title { background:url(../images/red/smenu_title.gif) no-repeat; height:23px; font-weight:bold; font-family:Tahoma; font-size:11px; color:#FFFFFF; padding:6px 10px 0px 10px; }
#layout_zx .submenu .submenu_title a { text-decoration:none; color:#FFFFFF; }
#layout_zx .submenu .a_item { background:#FFFFFF; padding:9px; border:solid 1px #E0E8EE; border-top-width:0px; padding-top:2px;}
#layout_zx .submenu .item { border-bottom:solid 1px #E0E8EE; margin-top:2px; padding-top:3px; padding-bottom:5px; }
#layout_zx .submenu .depthin { clear:both; padding:5px 0px 2px 15px; }
#layout_zx .submenu .depthin .item { border-bottom:none; padding:2px 0px 1px 0px; margin-top:0px; }
#layout_zx .submenu .depthin .item a { color:#9A9893; text-decoration:none;}
#layout_zx .submenu .depthin .item a.i_se { font-weight:normal; background:none; color:#A4413E; text-decoration:none;}
#layout_zx .submenu .a_item a { color:#797771; display:block; padding-top:3px; text-decoration:none;}
#layout_zx .submenu .a_item a.i_se { background:url(../images/red/bul_01.gif) no-repeat right; font-weight:bold; color:#A4413E; text-decoration:none;}
#layout_zx .submenu .last { border-bottom:none; }
#layout_zx .cprt { height:55px; background:url(../images/red/copyright_bg.gif); text-align:center; }
#layout_zx .cprt .fixed { margin-left:auto; margin-right:auto; text-align:left; }
#layout_zx .cprt .desc { width:500px; margin-left:190px; font-size:11px; color:#797771; position:absolute; text-align:center; padding-top:20px; }
#layout_zx .cprt .logo { background:url(../images/red/copyright_zbxe.gif) no-repeat; width:120px; height:55px; float:right; }
#layout_zx .layout_menu { padding:10px; background:#FFFFFF; border:solid 1px #E0E8EE; margin:0 10px 10px 10px; color:#666666; }
#layout_zx .layout_menu a { color:#666666; text-decoration:none;}
.lang_type_option {float:left; margin:8px 0 0 10px;}
.is_form { text-align:center; margin-bottom:.5em; }
댓글 1
-
KaKao
2008.06.04 10:51
http://www.zeroboard.com/?mid=zbxe_qna&search_target=title&search_keyword=%EA%B0%80%EC%9A%B4%EB%8D%B0&document_srl=16770821