진짜 고수님들만 봐주세여~ 크롬에서만 가운데 정렬이 안되요 정보
진짜 고수님들만 봐주세여~ 크롬에서만 가운데 정렬이 안되요
본문
크롬만 중앙정렬이 안되고 있어요
자세히 보시면 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:*** 개인정보보호를 위한 이메일주소 노출방지 ***"><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>
댓글 전체