div 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 로 해도 에러.. 다른 웹브라우저에서도 에러가 날까..?

input 태그에 값 넣기, Object.value, innerText, innerHTML

Ajax 로 받아온 값을 innerHTML 을 이용해서 div 나 span 에 입력하는 것은 많이 해 보셨을텐데요.. 물론, textarea 에도 이와 같은 방식이 잘 먹혀 들어갑니다. 그러면 Ajax 로 받아온 값을 input 에는 넣어 보셨나요..? 어디 한번, 테스트 해 봅시다. 코드는 아래와 같습니다. 자 .value 를 이용하여 값을 넣어 봅니다. 값이 '1' 들어가 있네요.. 그러면, .innerText 로 해 볼까요.. 역시나, '2' 들어가 있네요.. 이제 마지막으로 .innerHTML 을 해 볼까요.. 엇, 이게 뭡니까.. '알 수 없는 런타임 오류' 라고 나오네요.. div 나 span, textarea 에서는 볼 수 없던 오류가 나왔습니다. 따라서, text 타입의 input 에 값을..

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 은 처음 보나요..? 태그는 많이 봤죠..? 이 행을 바꾸라는 것이라면 은 행을 바꾸지 말라는 것. 파워포인트에서 '도형 안에 글자넣기' 옵션이 켜지면 폭을 넘어서는 글내용이 들어갈때 자동으로 개행되져..? 이걸 하지 못하도록 한 것...