이미지는 각각 크롬 , 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>
크롬만 중앙정렬이 안되고 있어요
자세히 보시면 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 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기