테스트 사이트 - 개발 중인 베타 버전입니다

페이지 중앙정렬이 안되요;;

· 14년 전 · 836 · 11
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/setpage.php");
include_once("$g4[path]/lib/thumb.lib.php");
/*
$xml = file_get_contents("{$g4[path]}/flash/mainmenu.xml");
$parser = new XMLParser($xml);
$parser->Parse();
*/
 
$cPos = substr($fixPageMode,0,1);
$fixNum = "";
if($cPos == "x"){
 $fixNum = 5;
}elseif($cPos == "y"){
 $fixNum = 6;
}else{
 $fixNum = substr($fixPageMode,1,2) - 1;
}

if($sel_id){
 $fixPageMode = substr($fixPageMode,0,4) . $sel_id ;
 
}

?>
<div id="subbg">
<div id="subwrapper">
<div id="header"><script language=javascript>flash_movie2("<?=$g4[path]?>/flash/mainnavi.swf", "mainnavi", 950, 120, "transparent");</script></div>
<div id="subvisual"><? include_once("subvisual.php") ?></div>
<div id="subcontent">
<div id="subcon1"><? include_once("../sub1/leftmenu.php") ?></div>
<div id="subcon2"><img src="../images/sub1title.jpg">
 
 
 
 
#subbg {
 width:950px;
 background:url(/images/bg.jpg) repeat-x;
}
#subwrapper {
 margin:auto;
 width:950px;
}
 
이런식으로 되어있는데요 메인페이지도 똑같이 했는데 메인은 중앙정렬이 됐거든요
 
근데 서브는 중앙으로 움직일 생각을 안하네요 이거 왜이럴까요 도와주세요 ㅠ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 11개

상단 include에서 css 파일은 불러들이셨죠?

#subwrapper 에서
margin:0 auto; 로 수정해보세요..

아주가끔css 꼬여서 이도저도 안되면 <center> 때려넣어버리기도 합니다..
subbg 안에 subwrapper 가 포함되는 형식이라 지금은 subbg 에 margin: 0 auto; 를 넣으셔야 할겁니다.
subbg, subwrapper 가 동일하게 가로 950인데 부모격인 subbg 는 기본정렬이 좌측이니 950 내에서 950을 가진 subwrapper 가 화면 중앙으로 올 수가 없는 것이죠.
subwrapper 크기를 950보다 작게 하시고 margin: 0 auto 로 스타일 주시고 테스트해보시면 금방 이해되실 겁니다.
<div id="subwrapper" class="subbg">

#subwrapper {
margin: 0 auto;
width:950px;
}
.subbg {
background:url(/images/bg.jpg) repeat-x;
}

이렇게 하면 안되는건가요 -ㅅ- 백그라운드가 중복되는게 아니라면 그냥 클래스로 처리해줘도 될것 같습니다만...
DTD가 정의되어있어야해요
댓글 달아주신 선배님들 모두모두 감사합니다 ( _ _ )
천천히 읽어보고 똑같이 따라한다고 했는데 먼가 제대로 안했나봐요 ^^;;;
계속 도전해야겠습니다
네이트온으로 한번 봐드릴까요?
쪽지로 네이트온 아이디 보내주세요.
제 생각도 DTD 선언-ㅅ-
익스에서는 body 에 text-align:center; 이 있어야합니다. body {text-align:center;} 그리고 전체를 감싸고 있는게 #subbg 라면 여기에 #subbg {margin:0 auto; text-align:left;} 이렇게 줘보세요.
드림위버라면 머리태그 속성에서 중앙정렬시키면되지않나요?;;
<div style="width:100%; text-align:center;">
<div style="width:950px; margin:0 auto;">
내용
</div>
</div>

이런 방식이 아니면 LaRuota님 처럼 <center></center>를 넣어주셔도 될듯합니다.
대신 최 상위의 개념으로 center를 사용하셔야 할듯.

게시글 목록

번호 제목
6818
1199
1195
1186
1181
1176
1168
1166
1163
1160
1154
1151
1148
1142
1137
1129
1123
1117
1115
1108
1098
1093
1088
1087
6816
1084
1079
1066
6812
7525
1054
1049
1045
1031
1027
6810
1025
1012
1001
987
984
978
971
966
7518
964
960
951
947
944
943
939
936
923
914
910
904
899
895
890
883
881
875
870
861
848
7511
843
829
819
818
803
794
790
6807
778
771
7503
7495
759
744
7488
735
7470
7463
724
720
709
706
698
697
693
691
690
679
677
673
668
661
652