IE 브라우저에서 table-cell 에 position:relative 를 쓸 경우.
오랜만에 포스팅하는 중. 이번 포스팅의 정리는 퍼블리싱 작업 중 자주 나오는 회원가입(정보입력) 페이지와 같은 경우에 해당하는 내용이다. 보통 정보입력 부분에 필수 입력하는 부분을 *와 같은 표시로 나타내주는데, 이 경우 * 표시가 텍스트 뒤에 붙는다면 크게 상관이 없겠지만, 앞에 position:absolute를 써야하는 경우가 발생한다. 그런데 이때, th와 같은 table-cell 에 position:relative를 주게되면 크롬에선 정상적으로 표현되나, ie에서 table-cell이 가지고 있는 border값이 뭍히는 경우가 발생한다. (position값을 제거하면 다시 나타난다) 이럴 경우는 th>div 를 둬서 div부분에 position:relative값을 주거나, 디자인의 변화를 주는 것..
Publish/CSS
2021. 6. 30. 09:51
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 수영전후기
- 웹퍼블리싱
- API
- youtube
- Aria
- 웹접근성
- 리액트생명주기
- curring
- frontend
- 퍼블리싱
- 웹퍼블리셔
- 자바스크립트
- 퍼블리셔
- css3
- props
- js
- 포세이돈되기까지
- vue
- 커리패턴
- javascript
- WAI-ARIA
- jeonst
- jQuery
- vue.js
- 환경설정
- Issue
- 수영하기전후기
- 이론공부
- component
- ES5
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함