이미지는 각각 크롬 , 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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284348 | |
| 284336 | |
| 284333 | |
| 284332 | |
| 284320 | |
| 284318 | |
| 284316 | |
| 284313 | |
| 284307 | |
| 284306 | |
| 284303 | |
| 284298 | |
| 284296 | |
| 284290 | |
| 284286 | |
| 284280 | |
| 284277 | |
| 284272 | |
| 284261 | |
| 284259 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기