웹브라우저에서 홈페이지 레이아웃이 서로 다르게 보이는 증상

head.php.txt

그누보드로 홈페이지를 꾸밀때에 어떤 경우 layout이 서로 다르게 나타날때가 있습니다.

인터넷익스플로러 8 버젼에서 틀리고 firefox나 구글 크롬에서 보이는게 도 다릅니다.

 

아마도 웹표준문제와 관련이 있는거 같은데 초보자 입장에선 해결하기가 좀 난감합니다.

 

인터넷익스플로러에서 보는 화면

 

이미지는 중간에 검색창은 우측으로 보입니다.

개별 메뉴를 클릭시에는 메뉴바가 엄청 늘어납니다.

 

구글크롬이나 파이어폭스에서 보는 웹의 레이아웃입니다.

 

이건또 이미지는 좌측에 가있고 검색창은 폭이 ie8에 비해서 엄청 넓게 보입니다.

개별 메뉴바 들어가면 또 이미지가 중간 정렬 됩니다.

완전 난감할 따름입니다.

 

해결책

 

100% 해결책은 아닙니다.

기존 파일에서 head.php파일을 다음과 수정합니다.

 

<!-- 상단 배경 시작 -->
<!-- 헤더 시작 -->
<div id="head">
  <table width="240" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
      <td class="logo">
        <!-- 사이트 로고 -->
        <a href="<?=$g4[path]?>"><img src="http://www.lifekorea.org/img/1325517409_folder_home.png"></a>
      </td>
    </tr>
   
</table>
</br>
</br>
<table border="0" align="right" cellpadding="0" cellspacing="0">
  <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>
<!-- 상단검색창 끝 -->
</br>
</br>
</br>
</br>

 

*************수정 완료 ****************

 

썩 만족스럽진 않지만 어느정도는 홈페이지 구성이 정렬이 됩니다.

저의 경우는 </br>를 적용하니 메뉴바와 겹치지 않고 정렬이 됩니다.