묻고답하기

div 로 홈페이지 만들기 공부중입니다

http://cru.zc.bz/xe/?mid=humor

 

여기보시면 ie에서는 정상적으로 뜨는걸 볼수있습니다

 

하지만  파폭에서는 이상하게뜨는데요....

 

ie와같이 정상적으로 뜨게하려면 어떻게해야할까요 ㅠ

 

그리고 div 완전 첨 공부하는 생초보라 태그가 좀 조잡한면이 있을거같은데 ㅠ 깔끔하게 필요없는거 빼고 수정도해주심 더 감사하구요

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>div 태그로 레이아웃 설정</title>
    <script language="JavaScript">
function height(){
 var kkk = document.getElementById("content").offsetHeight;
 document.getElementById("left").style.height = kkk;
 document.getElementById("left1").style.height = kkk;
 document.getElementById("right").style.height = kkk;
}
</script>
    <style type="text/css">
    body { text-align:center; width:100%; height:100%;}
    #header {
        width:840px;
        height:148px; overflow:hidden;


        }
    #menu {
        width:840px;
        height:28px; overflow:hidden;
        }
  
  
    #left {
        width:36px; background-color:white; overflow:hidden; float:left;
       

        }
  
    #left1 {
        width:180px; background-color:white; overflow:hidden; float:left;
       
        }
    .login {
        width:156px; height:100%; overflow:hidden; position:relative; float:left;
 }

 

    #content {
        width:590px; background-color:#fff; overflow:hidden; float:left;
       
        }
    #right {
        width:34px; overflow:hidden;
        float:left;
        }
    #footer {
       
        width:840px; height:40px; background-color:#452123; overflow:hidden;
        clear:both;  
        }
    #logo {
        width:158px; height:148px; overflow:hidden;
        float:left;

        }
    #main {
        width:117px; height:126px; overflow:hidden;
        float:left;

        }
    #lapis {
        width:97px; height:126px; overflow:hidden;
        float:left;

        }
    #cru {
        width:89px; height:126px; overflow:hidden;
        float:left;

        }
    #board {
        width:90px; height:126px; overflow:hidden;
        float:left;

        }
    #guild {
        width:90px; height:126px; overflow:hidden;
        float:left;

        }
    #screen {
        width:82px; height:126px; overflow:hidden;
        float:left;

        }
    #guide {
        width:117px; height:126px; overflow:hidden;
        float:left;

        }
    #layer {
        width:682px; height:22px; overflow:hidden;
        float:left;
        }

    </style>
</head>

<body bgcolor="white" text="black" style="background-image:url(/images/back.jpg'); background-repeat:repeat-x; background-attachment:fixed; background-position:0 0;" leftmargin="0" marginwidth="0" topmargin="0" onload="javascript:height()"   marginheight="0">
    <center>
<div id="header">
 <div id="logo"><img src="/images/index_02.jpg" width="158" height="148" border="0" /></div>
 <div id="main"><img src="/images/index_03.jpg" width="117" height="126" border="0" /></div>
 <div id="lapis"><img src="/images/index_04.jpg" width="97" height="126" border="0" /></div>
 <div id="cru"><img src="/images/index_05.jpg" width="89" height="126" border="0" /></div>
 <div id="board"><img src="/images/index_06.jpg" width="90" height="126" border="0" /></div>
 <div id="guild"><img src="images/index_07.jpg" width="90" height="126" border="0" /></div>
 <div id="screen"><img src="/images/index_08.jpg" width="82" height="126" border="0" /></div>
 <div id="guide"><img src="/images/index_09.jpg" width="117" height="126" border="0" /></div>
    <div id="layer"></div>
</div>
    <div style="text-align:left; width:840px;">
<div id="menu"><img src="/images/index_18.jpg" width="840" height="28" border="0" /></div>
<div id="left" style="background-image:url(/images/index_19.jpg)undefined;"></div>
<div id="left1">
<div class="login" style="margin-top:-15px;"><img class="zbxe_widget_output" widget="login_info" skin="login" colorset="default" /><img class="zbxe_widget_output" widget="logged_members" skin="logged" colorset="bachi" list_count="3" use_mid="total" /></div>
</div>
        <div id="content" style='height:;'>{$content}</div>
<div id="right" style="background-image:url('/images/index_22.jpg');"></div>
</div>
   
    <div id="footer"><img src=".//images/index_40.jpg" width="840" height="40" border="0" /></div>
    </center>
</body>
</html>

 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
김찬회425 확장변수 라디오 버튼에 이미지 달을려면요? file  
dusskapark 썸네일을 클릭 안되게 하고 싶어요.  
bonui faceoff 사용시 메뉴바가 보이지 않아요  
마로. 본문 이미지 리사이즈 문제 [1] 2009.12.19 by DuRi
채연파파 layout.html를 수정하면 레이아웃이 변경되나요? [1] 2009.12.19 by DuRi
매콤한라면 cafeXE등에서 도메인 접속 설정?  
유서영895 cafe24 호스팅 쓸만한가요? XE 랑 궁합이 어떤지요? [1] 2009.12.19 by 채연파파
chromebooster 본문 글씨기를 결정하는방법이..?  
Tinno zb4의 아이콘 방명록 관련 질문입니다.(파폭지원여부..)  
kokmjn 이 홈페이지 에 사용된 메인 위젯이 무엇인가요? [1] 2009.12.19 by nabul2
후니0308 게시판이 이상해요~~ ㅜㅜ file  
멀루할까 div 레이아웃 파폭 비정상으로떠요 file  
으렁청청 {$content}에서 쓰이는 {} 이 표시는 무엇을 의미 하는 지요. [1] 2009.12.19 by SMaker
rosebird 닉네임에 마우스 오버시 링크되는 방법좀 알려주세요~~ [1] 2009.12.19 by 윤지아빠
검은토끼 텍스타일 최신글 위젯은 없나요?  
구름공자 팝업창 어떻게 사용하나요?? [1] file 2009.12.19 by 윤지아빠
dusskapark 그림클릭시 팝업창을 띄우고 싶어요... [1] 2009.12.19 by 윤지아빠
라오니 xe제거는 안되나요? 다시설치하려는데 files폴더가 안지워지네요 [1] file 2009.12.19 by 짜오끽반
채연파파 최근 게시물에 공지를 제일 위로 하고 싶은데요..  
kokmjn 쉬운설치 Fatal error 무슨문제인가요? file  
saiph CafeXE만 삭제 가능한가요? [2] 2009.12.19 by JUUN
deepcore 하단과 로그인 레이아웃에 이미지를 추가할려고 합니다. 좀 도와주세요 ㅜ.ㅜ [1] file 2009.12.19 by 태림씨야!
멀루할까 div 적용중 파폭에서 안뜨는것 질문 [1] 2009.12.19 by 태림씨야!
양효주869 rewrite mod 가 안되요!! [1] 2009.12.19 by 태림씨야!
아고라 야후 검색 봇과 XE의 관계는?  
JINJINLI 조회수 0표시하려면.....  
mystic 1.2.6 업데이트후 파일 첨부시 100%에서 사라지는 현상 [2] 2009.12.19 by 쫑아빠™
밧데리 첨부파일 100% 증발 문제............ [3] 2009.12.19 by 쫑아빠™
Kurtcibain 파일첨부에러 [1] file 2009.12.19 by 쫑아빠™
오토다이어리 홈페이지에 광고 파일 붙여주실 분, 약간의 수고비 드립니다.