웹브라우저에서 서로 다르게 보이는 증상 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

웹브라우저에서 서로 다르게 보이는 증상 정보

웹브라우저에서 서로 다르게 보이는 증상

첨부파일

head.php.txt (757byte) 2회 다운로드 2012-01-03 01:17:05

본문

안녕하세요..

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>

    <!-- 상단검색창 끝 -->

코드는 마지막으로 수정하다보니 여기까지 왔는데 코드가 잘못됐는지요..

댓글 전체

또 욕 무지막지 먹을 것 같아서 답변을 아주 조심스럽게 해야겠네요.

그냥 이렇게 말씀드려도 되려나요? 

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 로 싸셨는지...  그런다고 웹표준 되는건 아닐텐데요.....  그냥 제 생각입니다.
ㅋㅋㅋ jQuery 가 원흉입니다.  저도 님이 뭐 하시려는지 잘 알아요.  저도 그것때문에 속을 무진장 썩었거든요....

고수분들 웹사이트를 여러군데 다 찾아가서 살펴봤는데, jQuery 쓰시는 분들은 다 그누보드 DTD 를 쓰고 계시네요.

어쩌면 그게 해답일지도....
좋은 답변 감사합니다.

이렇게 입력하니 또 깨지드군요..
중간에 </BR> 몇개 넣으니 그나마 정리는 되는데 영 레이아웃이 안맞습니다.
레이아웃이 맞긴 맞는데 부자연 스럽습니다.

또 시간날때 삽질해야겠습니다.
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT