td 4

div 에 Ajax 로 태그들을 넣을때, 넣어지는 쪽에 div 나 span 이 1 레벨로 들어 있으면 IE 에서 알수 없는 런타임 오류

a.jsp 가 아래와 같이 구성되어 있다 하자. ... 이곳에 Ajax 를 통해 b.jsp 를 idA 의 innerHTML 로 넣을때 b.jsp 에 아래와 같은 코드가 있으면 IE 에서 런타임 오류 발생. ... ... 그런데 오류가 났던 동일한 div 나 span 태그를 table 태그로 감싸주면 오류가 나지 않는다 ... ... 왜 그런걸까..? table 대신에 다른 div 나 span 을 사용해도 마찬가지로 에러.. ul/ol 과 li 조합으로 해도 에러.. dl 과 dt, dd 로 해도 에러.. 다른 웹브라우저에서도 에러가 날까..?

하나의 웹페이지 안에서 특정 위치로 포커스 이동, focus() 와 location.hash

웹페이지 UI 를 만들다 보면, 프로세스 상 어딘가가 화면에 꼭 보여야 하는 수가 있지요. 이런건 focus 내장함수를 사용하면 됩니다. input 태그가 있는 경우 해당 태그에 focus() 함수를 사용하여 이동이 가능합니다. input 태그의 type 옵션에 text, radio, checkbox 등이 들어 있어도 공히 적용이 됩니다. textarea 태그에도 focus 가 먹힙니다. 그런데.. input 태그나 textarea 태그에 disabled 옵션이 걸려 있다면 대략 낭패. 스크립트가 작동을 하지 않습니다. readonly 옵션은 영향력이 없습니다만.. 업무상 disabled 옵션이 필요하다면 focus() 함수를 통한 위치이동은 불가합니다. input, textarea 태그가 없는 곳으로 ..

CSS 를 이용한 수직 가운데 정렬, table 태그냐 div 태그냐..?

아래 코드를 사용하면 3개의 input 태그는 수직으로 가운데 정렬이 되는데, 나머지 img 태그는 위쪽으로 붙어 버린다. img 태그에 padding 이나 margin 스타일을 먹여도 요지부동. - 역시 구관이 명관이라고, table 태그로 전환하면 해결이 되는데.. 만약 td 태그 안에 여러 내용이 혼합되어 사용된다면 td 태그에 속성을 더 설정해 주어야 한다. - 아래와 같이 vAlign 속성을 middle 로 주거나, align 속성에 middle 을 주면 해결. vAlign 에 middle 을 주거나 align 에 center 를 주는 것은 봤지만, align 에 middle 을 준다꼬..? 한번 해 보시라. 그런데, 코드가 복잡해 졌다.. 이거는 조금 곤란해 졌네.. 크윽. - 다시 div 형..

CSS 말줄임표(...) div 와 table 에 적용하기

*. DIV 나 SPAN → DIV 의 style 속성에 text-overflow:ellipsis; overflow:hidden 두가지를 병행하여 사용. → DIV 의 style 속성에 white-space:nowrap 를 사용하거나 div 태그 안에 태그를 사용. → span 태그 안에서는.. IE 에선 div 랑 같은데, Chrome 에선 말줄임 기능이 먹지 않네요.. 텍스트가 넘치는 상황에서 ellipsis 생략 처리, 넘친 부분은 hidden 안보임 처리. nobr 은 처음 보나요..? 태그는 많이 봤죠..? 이 행을 바꾸라는 것이라면 은 행을 바꾸지 말라는 것. 파워포인트에서 '도형 안에 글자넣기' 옵션이 켜지면 폭을 넘어서는 글내용이 들어갈때 자동으로 개행되져..? 이걸 하지 못하도록 한 것...