월드버텍 블로그 » 2010

Archive for September, 2010

IE6 레이아웃 정렬 에러

Posted by admin under Publishing

[정상적인 화면]

[에러화면 01 :div간 margin:0 padding:0 상태에서 ie6에서만 div 간격생김 ]

[에러화면 02 :div안 <dt> float 정렬 적용상태에서 <dt> 정렬 ie6 에러]

[해결방법]

전체를 감싸는 div 안에 최하단 비어있는 div를 넣어주어 정렬 및 간격을 받쳐준다.

반드시 class를 적용하여 float을 지정해 준다

   <div class=”footer”>
     <dl>
        <dt><img src=”../../../html/images/ch/intro/footer.gif” alt=”서울 종로구 공평동 1번지 한미빌딩 11층” border=”0″ /></dt>
        </dl>
   </div>

   <div  class=”w”>    [빈 div, class 적용]
     <dl>
        <dt> </dt>
        </dl>
   </div>

</div>

ADD COMMENTS

Desktop에서 Mobile Web 테스트 하는 방법 – Safari

Posted by jwjeong under Publishing

1. Apple에서 제공하는 Safari 브라우저를 설치 합니다. -> http://www.apple.com/kr/safari/

2. 편집 -> 기본설정(Ctrl+) -> 고급탭 에서 “메뉴 막대에서 개발자용 메뉴 보기” 체크 박스에 체크하고 닫습니다.

3. 다시 사파리 브라우저에서 상단 메뉴바에 “개발자용”이라는 메뉴가 추가 된 것을 확인 할 수 있습니다.

4. 개발자용 > 사용자 에이전트에 들어가시면 데스크탑용 브라우저에서 모바일 브라우저까지 테스트 할 수 있도록 지원합니다.

ADD COMMENTS

html5 오픈 콘퍼런스 자료 (2010/7/2)

Posted by jwjeong under Publishing

2010년 7월 2일에 있었던
html5 오픈 콘퍼런스 자료 입니다.

아래 사이트 링크로 들어가시면 강연과 관련된 동영상 및 자료를 보실 수 있습니다.

http://www.webappscon.com/html5/

ADD COMMENTS

[css] 테이블 깔끔하게 사용하는 스타일

Posted by jwjeong under Publishing

table 태그를 사용하면 기본적으로 셀패딩과 셀 스페이싱, 보더 값 때문에 늘 습관처럼 아래와 같이 주루룩 태그를 넣고 시작을 합니다.
<table border=”0″ cellspacing=”0″ cellpadding=”0″>

늘 같은 내용을 반복해서 적어야 하는 번거로움을 덜기 원한다면 style에서 아래와 같이 설정을 해 줍니다.

———————————————–
<sytle>
Table {border-collapse: collapse;}
td {border: 0px solid; padding:0 0 0 0;}
</style>
———————————————–
css 파일에 저렇게 적어 주시면 테이블 선언시 아무것도 적어주지 않아도 된답니다.
<table>