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

진짜 고수님들만 봐주세여~ 크롬에서만 가운데 정렬이 안되요

· 14년 전 · 3327
크롬.jpg
IE.jpg
파폭.jpg
이미지는 각각 크롬 , IE , 파폭 화면입니다.
크롬만 중앙정렬이 안되고 있어요
자세히 보시면 IE랑 파폭도 10px정도 차이는 나네요
저는 IE처럼 레이아웃하고 싶어요..(하단과 딱 맞아떨어지게)

밑의 소스는 검은색 메뉴라인 위의 소스입니다. (하나의DIV로 묶어져있음..)

<div id="container2" style="position:absolute; left:0px; top:0px; z-index:500;" >
<div id="mainmenu" style="width:365px; border:0px solid red; position:absolute; left:300px; top:10px; height: 34px;">
<table border="0" cellpadding="0" cellspacing="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<tr>
<!-- 처음으로 버튼 -->

<td><a href="<?=$g4['path']?>"><img src="imgall/m_map_01.png" width="34" height="18" border="0" class="png24"></a></td>
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<td><a href="<?=$g4['bbs_path']?>/register.php"><img src="imgall/m_map_02.png" width="31" height="18" border="0" class="png24"></a></td>
<td><a href="mailto:jinbo001@hanmail.net"><img src="imgall/m_map_04.png" width="65" height="18" border="0" class="png24"></a></td>
<td><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="imgall/m_map_03.png" width="43" height="18" border="0" class="png24"></a></td>
<? } else { ?>
<!-- 로그인 이후 -->
<td><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="imgall/m_map_02_02.png" width="47" height="18" border="0" class="png24"></a></td>
<td><a href="mailto:jinbo001@hanmail.net"><img src="imgall/m_map_04.png" width="65" height="18" border="0" class="png24"></a></td>
<td><a href="<?=$g4['bbs_path']?>/logout.php"><img src="imgall/m_map_03_02.png" width="50" height="18" border="0" class="png24"></a></td>
<? } ?>
<td width="25"></td>
</tr>
</table></td>
</tr>
</table>

</div>

<div id="container" style="position:absolute; left:0px; top:0px; z-index:-1;" >
<div id="container" style="position:absolute; top:0px; left:0px; z-index:-1;">
<div id="mainmenu3" style="width:2000px; border:0px solid red; position:absolute; left:-1800px; top:0px; height: 490px;">
<script language="JavaScript" src="flash_line.js"></script>
<script type="text/javascript">
doc_write(flash_movie("<?=$g4['path']?>/flashall/main_v5.swf", "mainflash3", 2000, 490, "transparent"));
</script>
<div style="position:absolute; display:none; left: 0px; top:0px;clear:both;"></div>
</div></div></div>


<script type="text/javascript">
function hvSet() {
var winW

if (self.innerHeight) {
// 알려진 모든브라우저에 통용됨
winW = self.innerWidth;
} else if (document.documentElement && document.documentElement.clientHeight) {
// 얼마전 장례식까지 치룬 ie6를 위한 코드
winW = document.documentElement.clientWidth;
} else if (document.body) {
// 기타 브라우저
winW = document.body.clientWidth;
}
var containerW = document.getElementById('container').scrollWidth;

//가로 가운데 정렬
document.getElementById('container').style.left = String(winW/2 - containerW/2) + 'px';
//세로 가운데 정렬
}
//초기실행
hvSet();
//브라우저의 사이즈가 변경될때마다 실행됨
window.onresize = hvSet;
</script>

</div>




<script type="text/javascript">
function hvSet() {
var winW

if (self.innerHeight) {
// 알려진 모든브라우저에 통용됨
winW = self.innerWidth;
} else if (document.documentElement && document.documentElement.clientHeight) {
// 얼마전 장례식까지 치룬 ie6를 위한 코드
winW = document.documentElement.clientWidth;
} else if (document.body) {
// 기타 브라우저
winW = document.body.clientWidth;
}
var container2W = document.getElementById('container2').scrollWidth;

//가로 가운데 정렬
document.getElementById('container2').style.left = String(winW/2 - container2W/2) + 'px';
//세로 가운데 정렬
}
//초기실행
hvSet();
//브라우저의 사이즈가 변경될때마다 실행됨
window.onresize = hvSet;
</script>

댓글 작성

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

로그인하기

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440