div 태그 좌우 테이블처럼 사용 방법 문의좀
본문
div 태글르 이용해서 table의 td 태그처럼 사용할수 없나요?
/bbs/login.php 에서
로그인하는 화면에 좌측이나 우측에 네모난 이미지를 출력하려고 합니다.
<table>
<tr>
<td>이미지</td>
<td>로그인폼</td>
</td>
</table>
위처럼 형식으로 할려고 하면,
<div>
</div>
식으로 하면 아래로 내려가고,
<span>
</span>
을 이용 이용해보고 float:left, right 등으로 이용을 해봐도, 위에 table 태그처럼 사용을 할수 없더군요.
혹시 위에 table 태그처럼 사용할수 있는 방법 없을까요?
답변 4
display: table-cell;
속성 주시면 테이블 셀 취급 됩니다.
그런 태그가 있군요..
우선 다른 방법으로 이미가 출력이 되기는 해서 나중에 찾아 봐야 겠네요.
감사합니다.
항상 IE 가 문제라서요
"inline-table", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", and "table-row-group"
IE8 requires a !DOCTYPE
네? 이걸 어디다 적어야 하는 건가요?
IE 9 이하는 좀 ;;;
IE10 에서 실행하니 잘 되네요.
ie9 이상부터 지원 하신다면
우산님 말씀처럼하셔도 되요.
아래을 참고하세요.
http://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/
table속성을 쓰시는 방법외에 말씀하시는 내용으로 유추하건데,
해당 이미지가 단순한 BG라면
div 부모에 배경이미지를 먹이고 컨텐츠 내부를 padding 처리하시면 좋지 않을까 싶습니다.
