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

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

· 14년 전 · 835 · 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를 사용하셔야 할듯.

게시글 목록

번호 제목
2668
8662
2662
8652
8650
2659
2651
2638
2637
2629
8648
8637
8633
8628
8624
8622
2620
2613
8619
2606
6887
2603
2596
2593
6873
8617
2584
8615
2581
8612
2578
2573
2566
8604
8597
8594
8591
8586
8582
8578
8572
2561
8569
8562
8555
8543
8536
2556
8532
8530
8529
8527
2553
6867
2549
8525
8518
8515
2545
2532
8511
6863
8507
2522
8502
8501
8500
8497
8496
8495
8494
8491
8489
8487
6857
2516
2514
2513
8484
8477
2507
8475
2499
2492
2486
2480
2469
8471
2465
2461
2451
8436
8424
8416
2442
2438
2432
2422
2418
2408