http://valley.egloos.com/tag/div div ko Mon, 30 Apr 2012 08:56:18 +0900 Egloos http://xxwony.egloos.com/55671 http://xxwony.egloos.com/55671 Mon, 30 Apr 2012 08:56:18 +0900 http://fendee.egloos.com/10865748 http://fendee.egloos.com/10865748 소스를 안봐서 정확히 모르겠지만, 이러한 디자인 틀어짐 문제는 대체로 DIV 태그 때문에 발생한다.IE 와 크롬 같은 브라우저가 태그를 분석하여 렌더링 하는 방식이 조금씩 틀리기 때문이다.요즘에는 DIV 태그를 이용하는 사이트들이 많아졌고, DIV 태그를 사용한 디자인을 할때 IE 에서만 디자인을 하면, 크롬 같은 브라우저 에서 보면 이렇게 디자인이 깨지는 경우가 발생할 수 있다. ]]> Tue, 27 Mar 2012 23:19:27 +0900 http://fendee.egloos.com/10779842 http://fendee.egloos.com/10779842 Fri, 23 Sep 2011 01:03:59 +0900 http://sig3067.egloos.com/5531085 http://sig3067.egloos.com/5531085 코딩은 이렇다 <li><div id="noticeTitle01"><img src="images/view-point.gif" width="3" height="3" /></div> <div id="noticeTitle02">... #noticeTitle01, #noticeTitle02, #noticeTitle03 { float: left; } 이렇게 하면 아무리 해도 일렬로 나오지 않는다. 파폭, 크롬, 익스8은 상관없다. 익스6, 익스8 호환모드 에서는 이렇게 나온다. 삽질한 결과 문제는   였다. 익스8 개발자모드에서 확인 할 수 있었다. 아래 보이는 '빈 텍스트 노드 ]]> Thu, 26 May 2011 14:16:40 +0900 http://fendee.egloos.com/10716300 http://fendee.egloos.com/10716300 작업하다가, 디자인이 너무 틀어져서 어디에서 문제가 발생했나 찾아보던중, div 태그를 렌더링 하는 방식이 다르다는 것을 발견했다.다른 태그들도 조금씩 렌더링 방식이 틀려서 IE 에 맞춰서 작업을 하면 크롬(Chrome) 에서는 디자인이 다르게 보이는 경우가 종종 발생하는데.. 좀더 오밀조밀하고 유동적인 화면을 구성하기 위해서, 몇년전부터 div 를 이용한 화면구성이 많아진것 같은데,다른 태그는 둘째치고라도, div 태그의 경우에는 상당히 다른 방식으로 렌더링이 되는것 같다. 위의 화면은, 같은 소스로 만들어진 html 문서를, IE6 와 크롬(Chrome) 에서 실행시켰을때, 어떻게 틀리게 렌더링 되는지를 볼 수 있는 화면이다. 설명을 해보자면,IE6 의 경우에는, div 태그안에 들어가는 태그에 ]]> Thu, 26 May 2011 00:59:13 +0900 http://jwlee1728.egloos.com/1873396 http://jwlee1728.egloos.com/1873396 Mon, 21 Mar 2011 22:30:21 +0900 http://grace365.egloos.com/960417 http://grace365.egloos.com/960417 Tue, 05 Oct 2010 13:56:40 +0900 http://globalface.egloos.com/2553269 http://globalface.egloos.com/2553269 Sat, 31 Jul 2010 18:06:00 +0900 http://gusiri.egloos.com/2542181 http://gusiri.egloos.com/2542181 Tue, 20 Jul 2010 14:58:08 +0900 http://recipes.egloos.com/5332087 http://recipes.egloos.com/5332087 뭘 알아야 이해를 하지 일반적으로 Startup.s와 main.c 소스를 컴파일을 하면 오브젝트 파일이 생성되죠. 이 오브젝트 파일이 모여서 하나의 바이너리로 만들어 지도록 도와주는 역할을 한답니다. 컴파일을 하고 나면 오브젝트 파일이 만들어 질 때 4개의 독립된 영역으로 나누어 진답니다. 코드 영역, 데이타 영역, 힙 영역, 스택 영역으로 나누어 지고, 세부 사항에 대해 이제부터 알아 보도록 할게요.예를 들어, main.c 프로그램을 만들었어요. ▶코드 main.c #include int han_int, byul_int=15; ;- a int main() ;- b { ;- c int good; ;- d char *house; ;- e han_int=10; ;- f han_int++; ]]> Sun, 06 Jun 2010 22:31:50 +0900 http://killofki.egloos.com/5328108 http://killofki.egloos.com/5328108 Mon, 31 May 2010 23:37:51 +0900 http://peachangel.egloos.com/281820 http://peachangel.egloos.com/281820 Wed, 19 May 2010 15:57:52 +0900 http://gusiri.egloos.com/2435308 http://gusiri.egloos.com/2435308 Sun, 11 Apr 2010 23:15:09 +0900 http://celestarry.egloos.com/3592069 http://celestarry.egloos.com/3592069 <div>는 html 속의 수많은 엘리먼트들(h1, h2, p, img 등)에 대한 논리적 구분 및 그룹을 위해 존재하는 엘리먼트입니다. 이제 곧 엘리먼트들의 레이아웃과 포지셔닝에 관한 내용에 대해 배우게 될 텐데요... 만약 논리적으로 같은 그룹에 속하는 엘리먼트들을 하나의 그룹으로 묶을 수 없다면 각각의 엘리먼트들을 일일이 모두 위치를 잡아주어야 하므로 매우 불편하겠죠? div 엘리먼트를 잘 활용하면 엘리먼트들의 레이아웃과 포지셔닝을 쉽게 할 수 있을 뿐만 아니라 구조적으로도 깔끔한 html 문서를 작성할 수 있게 됩니다. 그럼 div의 사용법을 한번 살펴보겠습니다. 위 에서 보듯이 div 역시 다른 일반적인 블록 엘리먼트들과 마찬가지 방법으로 사용하면 됩니다. 위 HTML 문 ]]> Wed, 17 Feb 2010 03:09:18 +0900 http://verejun.egloos.com/3533102 http://verejun.egloos.com/3533102 Mon, 11 Jan 2010 15:42:03 +0900