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