웹브라우저에서 서로 다르게 보이는 증상
안녕하세요..
ie8에서는 중앙 정렬이 되고 크롬이나 파이어폭스에서는 좌우측으로 이미지가 정렬이 됩니다.
이걸 이미지는 왼쪽 정렬로 하고 검색창은 중앙이나 오른족 정렬로 할려면 어떻게 하면 될까요..
이것저것 수정하다보니 항상 웨브라우저에서 서로 다르게 보입니다.
코드입니다.
<!-- 상단 배경 시작 -->
<!-- 헤더 시작 -->
<div id="head">
<table align="center">
<tr>
<td class="logo"><!-- 사이트 로고 --><a href="<?=$g4[path]?>"><img src="<?=$g4[path]?>/img/1325517409_folder_home.png"></a></td>
</tr>
</td>
</table>
<table align="right" >
<tr>
<td>
<form name=fmainsearch action="<?=$g4[bbs_path]?>/search.php">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="text" size="35" name="stx" style="border:5px solid #66CDAA; height:35px; font-size:15px; font-weight:bold; padding:5px; ime-mode:active;">
<input type="submit" value="검색" style="border:9px solid #66CDAA; class="search-button">
</form>
</td>
</tr>
</table>
</div>
<!-- 상단검색창 끝 -->
코드는 마지막으로 수정하다보니 여기까지 왔는데 코드가 잘못됐는지요..
ie8에서는 중앙 정렬이 되고 크롬이나 파이어폭스에서는 좌우측으로 이미지가 정렬이 됩니다.
이걸 이미지는 왼쪽 정렬로 하고 검색창은 중앙이나 오른족 정렬로 할려면 어떻게 하면 될까요..
이것저것 수정하다보니 항상 웨브라우저에서 서로 다르게 보입니다.
코드입니다.
<!-- 상단 배경 시작 -->
<!-- 헤더 시작 -->
<div id="head">
<table align="center">
<tr>
<td class="logo"><!-- 사이트 로고 --><a href="<?=$g4[path]?>"><img src="<?=$g4[path]?>/img/1325517409_folder_home.png"></a></td>
</tr>
</td>
</table>
<table align="right" >
<tr>
<td>
<form name=fmainsearch action="<?=$g4[bbs_path]?>/search.php">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="text" size="35" name="stx" style="border:5px solid #66CDAA; height:35px; font-size:15px; font-weight:bold; padding:5px; ime-mode:active;">
<input type="submit" value="검색" style="border:9px solid #66CDAA; class="search-button">
</form>
</td>
</tr>
</table>
</div>
<!-- 상단검색창 끝 -->
코드는 마지막으로 수정하다보니 여기까지 왔는데 코드가 잘못됐는지요..
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
그냥 이렇게 말씀드려도 되려나요?
div tag 는 그누보드 DTD 에서 정상적으로 적용됩니다.
div tag 는 그누보드 4 에서 정상적으로 적용되지 않습니다.
해결방법:
html DTD 선언을 하시면 해결됩니다.
그런데 DTD 선언을 하시면, 그누보드4에서 별의별 문제가 다 생깁니다.
div 를 DTD 선언을 하셔서 center 하시면 다른 문제들이 생겨서 더큰 삽질을 해야 하는거죠...
그누보드4 욕하는거 절대 아닙니다.
그누보드4 욕하는거 절대 아닙니다.
그누보드4 욕하는거 절대 아닙니다.
그누보드4 욕하는거 절대 아닙니다.
그래서 저는 그냥 IE hack 으로 해결봤습니다. 이런식으로....
#IE-hack {
text-align: center;
}
#inner-div {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 40em;
}
출처: 기억안남.. Stack overflow 였나....
아!! 가장 좋은 방법은 div tag 를 다 빼서 버리세요. div->table go go go
웹표준은 아니지만, 옛날 방식으로 돌아가는거죠. 어짜피 table 이 들어가는데 그걸 왜 다시 div 로 싸셨는지... 그런다고 웹표준 되는건 아닐텐데요..... 그냥 제 생각입니다.
한번 적용해 봐야겠네요.
dtd 해제하니 제이쿼리로 만든 스킨이 또 동작 안됩니다.
^^
고수분들 웹사이트를 여러군데 다 찾아가서 살펴봤는데, jQuery 쓰시는 분들은 다 그누보드 DTD 를 쓰고 계시네요.
어쩌면 그게 해답일지도....
이렇게 입력하니 또 깨지드군요..
중간에 </BR> 몇개 넣으니 그나마 정리는 되는데 영 레이아웃이 안맞습니다.
레이아웃이 맞긴 맞는데 부자연 스럽습니다.
또 시간날때 삽질해야겠습니다.