2009년 12월 29일 화요일

css 파일정의 기초

layout.css

  -  탑과 푸터부분, 게시판, 덧글 등 동일한 형식의 stylesheet를 포함 (덧글, 게시판, 타이틀 형태등은 100%width로 상위의 노드에서 width 설정시 동적으로 변할 수 있게끔 설계한다)

  * 주의 : 앞으로 나오게될 디자인의 일관성을 고려하여 디자인팀과 협의하에 게시판스타일이나 탑,푸터등의 스타일을 정립하는것이 관건!

main.css

   메인 페이지는 유니크하고 종종 변동되는 특성이 있기 때문에 메인페이지용 css는 따로 구성해둔다.

 

common.css

  - 태그정의,폰트,링크,마진,패딩등의 요소와 자주쓰이는 선언등을 라이브러리화하여 구성한다.

  - 자주쓰이는 라운딩박스 스타일이나 페이징, dotline, 보더스타일, 불릿등의 요소도 여기에 정의한다. (혹은 이 요소들은 layout.css 에??)

 

sub.css 혹은 각 서비스별 css 파일

   서브 페이지에 각각 쓰이는 요소들을 정의한다.

 

 

내일은 ... 내가만든 불투명 배경에 뜨는 팝업창 소스를 ... 잊지말고 꼭넣어넣자..;

 

 

 

2009년 12월 26일 토요일

무서운세상이다

..

핸드폰잃어버렸다가 찾았다.

그런데.....

 

핸드폰줄이없는채로 내손에 돌아온거다.

 

24일에 피방에 놓고왔는데..

25일날 갔더니 그런핸폰못봤다고 그러더라.

26일날 지인이 전화해봤더니 피방에있다고해서..

찾으러왔다.

보니깐 핸드폰줄이 없었다.....

 

ㅇ ㅏ..

 

슬프다.

ㅠㅠ;

 

 

2009년 12월 24일 목요일

radio 버튼 브라우저뷰 맞추기

input type이 radio, checkbox 일때는
width:13px; height:13px; vertical-align:middle; 를 기본으로 설정하면 맞추기 쉽습니다.

보일러 고장난 크리스마스

회사에서 하루에 그래도 못해도 3번은 화장실좀 가자 ...

내몸 내가 챙기자..

지각좀 그만하고...

다시 꼼꼼히 다 챙겨보자...

 

나.잘자라.

너도 잘자~

2009년 12월 22일 화요일

모바일 기기에서 css가 먹지 않는 이유

http://www.technologyquestions.com/technology/smartphones/202881-webbrowser-control-windows-mobile-ignores-css-position-absolute.html

 

Q,WebBrowser Control on windows mobile ignores CSS position:absolute

Hi,

I am using the WebBrowser control on windows mobile 6 sdk and when I load a
webpage it ignores the postion:absolute CSS attribute. Any idea how I can
allow the webBrowser control to act correctly on this property?

Also, does this same issue exist on smartphones too?

 

Re: WebBrowser Control on windows mobile ignores CSS position:absolute


Internet Explorer Mobile (WM6.0 and WM5.0) only support CSS level 1.
position:absolute feature include in CSS level2. So, smartphone also have
same issue.

Interest thig is it works fine in Windows Embedded CE 6.0 emulator. As you
knew, WM6 was built based on Windows CE 5.0 kernel.(not exactly same kernel)
I think it will be support next release of Windows Mobile.

min-width

http://cafe.naver.com/domfam.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=1953

 

expression을 이용한 방법

css를 이용한 방법

2009년 12월 18일 금요일

ie와 ff 에서 노드 탐색 차이점

http://www.permadi.com/tutorial/domTree/index.html

IE 와 FF의 차이점

IE 와 FF(firefox) 의 차이점

1. hand 는 웹표준이 아니여서 익스에서만 된다. 다음부턴 pointer 를 쓰자.

cursor:hand(x) --> cursor:pointer(0)



2. FF에서의 javascript 는 function 밖에서 변수 초기화가 되지 않는다.
예를들어 아래 소스를 보자.

[code]var timeInterval = 5000;

function startInterval() {
    setTimeout("test()",timeInterval);
}
function test() {
    alert("hello!");
}
startInterval();[/code]

IE 에선 5초있다가 test() 를 실행하게되지만 FF 에선 바로 test() 실행된다.
이유는 timeInterval 이 초기화 되지 않기 때문이다.
유의하자.


3. FF 에선 selectSingleNode 와 같은 XPATH 탐색 함수가 지원되지 않는다.
예를들어 IE 의 아래와같은 구문은

[code]var obj = xmlObj.selectSingleNode("root/subnode");[/code]

FF에선안되고 아래와 같이 바꿔야 IE,FF 모두 쓸수있다.

[code]var obj = xmlObj.getElementsByTagName("root")[0].getElementsByTagName("subnode")[0];[/code]

XPATH 가 웹표준이 아니었나? 상당히 편했는데 하루빨리 지원됬으면 좋겠다.


4. IE 에서 노드 탐색시 .text 로 텍스트를 불러올수있는데 FF 에선 불가능하다.
아래 소스는 IE 에서는 가능하나 FF 에선 불가능하다.

[code]var text = xmlObj.getElementsByTagName("root")[0].text[/code]

모두 가능하게 하려면 아래 소스를 쓰자

[code]var text = xmlObj.getElementsByTagName("root")[0].firstChild.nodeValue;[/code]



5. 위지윅 에디터 모드 변경법
IE 에서는 어떤 오브젝트든 contentEditable="true" 라는 플랙만 주면 에디터 모드가 된다. 예를들면 아래와 같다

[code]<div id="editor" contentEditable="true"></div>[/code]

FF 에서는 아래와같이 javascript 로 designMode 를 On 시켜줘야 한다.

[code]editor.contentDocument.designMode="On";[/code]

FF 에서는 document 객체에서 designMode 를 켜줘야 하기때문에 iframe 으로 써야한다.

 

출처 : http://cranix.net/250

2009년 12월 14일 월요일