페이지 중앙정렬이 안되요;;
<?
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();
*/
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($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">
<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;
background:url(/images/bg.jpg) repeat-x;
}
#subwrapper {
margin:auto;
width:950px;
}
이런식으로 되어있는데요 메인페이지도 똑같이 했는데 메인은 중앙정렬이 됐거든요
근데 서브는 중앙으로 움직일 생각을 안하네요 이거 왜이럴까요 도와주세요 ㅠ
댓글 11개
LaRuota
14년 전
상단 include에서 css 파일은 불러들이셨죠?
#subwrapper 에서
margin:0 auto; 로 수정해보세요..
아주가끔css 꼬여서 이도저도 안되면 <center> 때려넣어버리기도 합니다..
#subwrapper 에서
margin:0 auto; 로 수정해보세요..
아주가끔css 꼬여서 이도저도 안되면 <center> 때려넣어버리기도 합니다..
14년 전
subbg 안에 subwrapper 가 포함되는 형식이라 지금은 subbg 에 margin: 0 auto; 를 넣으셔야 할겁니다.
subbg, subwrapper 가 동일하게 가로 950인데 부모격인 subbg 는 기본정렬이 좌측이니 950 내에서 950을 가진 subwrapper 가 화면 중앙으로 올 수가 없는 것이죠.
subwrapper 크기를 950보다 작게 하시고 margin: 0 auto 로 스타일 주시고 테스트해보시면 금방 이해되실 겁니다.
subbg, subwrapper 가 동일하게 가로 950인데 부모격인 subbg 는 기본정렬이 좌측이니 950 내에서 950을 가진 subwrapper 가 화면 중앙으로 올 수가 없는 것이죠.
subwrapper 크기를 950보다 작게 하시고 margin: 0 auto 로 스타일 주시고 테스트해보시면 금방 이해되실 겁니다.
leadK
14년 전
<div id="subwrapper" class="subbg">
#subwrapper {
margin: 0 auto;
width:950px;
}
.subbg {
background:url(/images/bg.jpg) repeat-x;
}
이렇게 하면 안되는건가요 -ㅅ- 백그라운드가 중복되는게 아니라면 그냥 클래스로 처리해줘도 될것 같습니다만...
#subwrapper {
margin: 0 auto;
width:950px;
}
.subbg {
background:url(/images/bg.jpg) repeat-x;
}
이렇게 하면 안되는건가요 -ㅅ- 백그라운드가 중복되는게 아니라면 그냥 클래스로 처리해줘도 될것 같습니다만...
14년 전
DTD가 정의되어있어야해요
한번잘해보자
14년 전
댓글 달아주신 선배님들 모두모두 감사합니다 ( _ _ )
천천히 읽어보고 똑같이 따라한다고 했는데 먼가 제대로 안했나봐요 ^^;;;
계속 도전해야겠습니다
천천히 읽어보고 똑같이 따라한다고 했는데 먼가 제대로 안했나봐요 ^^;;;
계속 도전해야겠습니다
14년 전
네이트온으로 한번 봐드릴까요?
쪽지로 네이트온 아이디 보내주세요.
쪽지로 네이트온 아이디 보내주세요.
14년 전
제 생각도 DTD 선언-ㅅ-
14년 전
익스에서는 body 에 text-align:center; 이 있어야합니다. body {text-align:center;} 그리고 전체를 감싸고 있는게 #subbg 라면 여기에 #subbg {margin:0 auto; text-align:left;} 이렇게 줘보세요.
14년 전
드림위버라면 머리태그 속성에서 중앙정렬시키면되지않나요?;;
13년 전
<div style="width:100%; text-align:center;">
<div style="width:950px; margin:0 auto;">
내용
</div>
</div>
이런 방식이 아니면 LaRuota님 처럼 <center></center>를 넣어주셔도 될듯합니다.
대신 최 상위의 개념으로 center를 사용하셔야 할듯.
<div style="width:950px; margin:0 auto;">
내용
</div>
</div>
이런 방식이 아니면 LaRuota님 처럼 <center></center>를 넣어주셔도 될듯합니다.
대신 최 상위의 개념으로 center를 사용하셔야 할듯.
게시글 목록
| 번호 | 제목 |
|---|---|
| 7104 | |
| 7102 | |
| 5000 | |
| 4999 | |
| 4991 | |
| 4989 | |
| 4985 | |
| 7099 | |
| 11179 |
레이아웃
습작
1
|
| 4979 | |
| 4974 | |
| 11178 | |
| 4972 | |
| 7094 | |
| 4960 | |
| 11169 | |
| 11165 | |
| 11164 | |
| 11163 | |
| 11162 | |
| 4948 | |
| 6002 | |
| 7090 | |
| 4941 | |
| 7087 | |
| 7082 | |
| 7079 | |
| 7076 | |
| 11136 |
디자인
심플메인시안
4
|
| 11158 |
디자인
팝업디자인
3
|
| 11135 | |
| 4937 | |
| 4931 | |
| 4930 | |
| 4928 | |
| 4925 | |
| 4914 | |
| 7074 | |
| 7072 | |
| 4913 | |
| 4912 | |
| 4906 | |
| 4902 | |
| 4897 | |
| 4895 | |
| 4889 | |
| 4888 | |
| 4887 | |
| 4886 | |
| 4882 | |
| 4880 | |
| 4876 | |
| 4873 | |
| 4872 | |
| 4863 | |
| 4862 | |
| 4857 | |
| 4852 | |
| 5998 | |
| 11256 | |
| 4849 | |
| 4837 | |
| 4825 | |
| 4820 | |
| 4815 | |
| 4814 | |
| 4807 | |
| 4796 | |
| 7070 | |
| 7068 | |
| 4789 | |
| 4778 | |
| 4772 | |
| 4769 | |
| 4758 | |
| 4755 | |
| 4751 | |
| 4743 | |
| 7063 | |
| 7061 | |
| 4741 | |
| 4740 | |
| 4735 | |
| 4732 | |
| 4721 | |
| 4718 | |
| 7059 | |
| 4715 | |
| 4710 | |
| 4709 | |
| 4707 | |
| 4699 | |
| 11254 | |
| 4691 | |
| 4688 | |
| 11133 | |
| 11127 | |
| 4682 | |
| 7057 | |
| 4678 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기