개발·운영 팁

작은 팁일지라도, 누군가에게는 큰 정보가 될 수 있습니다.

소는누가키워

IE table-cell after height 100%

[CSS]
  • 조회 : 896 / 댓글 : 1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
* {margin:0; padding:0;}
.item {width:500px; height:500px; border:1px solid #000000;}
.item > ul {width:100%; height:100%; display:table; table-layout:fixed;}
.item > ul > li {position:relative; display:table-cell; vertical-align:middle; outline:none;}
.item > ul > li:after {display:block; content:''; position:absolute; left:0px; top:0; width:0; height:100%; border-left:1px solid #000000;}
.item > ul > li > div {height:100%;}
</style>
</head>
<body>
<div class="item">
<ul>
<li><div>A</div></li>
<li><div>B</div></li>
<li><div>C</div></li>
</ul>
</div>
</body>
</html>







ie에서 아래처럼 선이 끊어져있다.


a.png






 

높이를 100%으로 하고, 안에 100%짜리를 또 감싸줘야 끊어지지 않는다.

 

b.png

 

  • 비회원
  • 작성자
  • 비밀번호
  • 취소

대댓글 작성

비밀번호를 입력하세요.

비밀번호
소는누가키워 2017. 08. 23 (16:57)08.23 (16:57)
after 에서는 ie11 부터 적용됩니다.
근본적으로 after 에다가 세로선을 긋지 말고, li에다가 주면 하위 브라우저에서도 잘 됩니다.
  • 전체 카테고리
  • 테라보드
  • jQuery
  • JavasCript
  • CSS
  • Linux
  • Apache
  • PHP
  • MySQL
  • 기타
    New 0 / All 168
    25개씩 보기
    • 25개씩 보기
    • 50개씩 보기
    • 100개씩 보기
      번호 분류 제목 작성자 작성일 조회 추천
      공지 테라보드 파일구조
      공지 로그인한 회원정보 출력하기
      공지 최근 게시물 뽑기(1)
      공지 템플릿(레이아웃) 상단, 하단 만들기(3)
      170 PHP Warning: session_start(): Failed to read session data: user (path: /var/lib/php/session) in 소는누가키워 03-05 137 0
      169 MySQL 필드값 추가 소는누가키워 04-06 514 0
      168 기타 내 컴퓨터에서 DNS 정보 갱신 소는누가키워 12-01 794 0
      167 PHP 소수점 버리기 소는누가키워 11-28 791 0
      166 기타 DIV 프린트 div print 소는누가키워 09-04 2,005 0
      165 CSS IE table-cell after height 100%(1) 소는누가키워 08-23 897 0
      164 jQuery 스크롤바 검사 테라보드 06-02 863 0
      163 jQuery 만14세 체크 테라보드 06-02 989 0
      162 테라보드 셀렉트박스 디자인 변경하기 소는누가키워 03-30 1,575 1
      161 JavasCript DOM Document Object 소는누가키워 11-15 1,336 0
      160 jQuery fadeOut remove 소는누가키워 09-22 1,535 0
      159 PHP foreach 소는누가키워 09-22 1,413 0
      158 PHP .0 숫자 제거하기 소는누가키워 09-21 1,764 0
      157 jQuery each return false 소는누가키워 09-02 1,379 0
      156 테라보드 7일간 댓글 많은 게시물 뽑아오기(3) 소는누가키워 08-30 1,705 0
      155 테라보드 기본 페이지 만들기 2 소는누가키워 06-01 1,770 3
      154 테라보드 기본 페이지 만들기 소는누가키워 06-01 1,837 3
      153 테라보드 DB 테이블 일괄적으로 InnoDB 으로 변경하기 소는누가키워 05-24 1,937 0
      152 CSS IE 10+ CSS 적용하기 소는누가키워 05-19 1,770 0
      151 테라보드 메뉴에 NEW 표시해주기 소는누가키워 05-10 1,865 1
      150 테라보드 500 오류 뜰 때 2 소는누가키워 04-28 2,274 0
      149 테라보드 게시판 목록에서 에디터 이미지 경로 뽑아내기(1) 소는누가키워 04-28 1,606 0
      148 기타 카페24 테라보드 500오류가 뜰 때(1) 테라보드 04-27 2,496 2
      147 기타 네이버 사이트 등록, 웹마스터 등록하기 테라보드 04-27 2,847 0
      146 기타 Cloudflare SSL 적용하기 테라보드 04-21 2,634 0

      Warning: session_start(): Failed to read session data: user (path: /var/lib/php/session) in

      [PHP]소는누가키워 03-05

      필드값 추가

      [MySQL]소는누가키워 04-06

      내 컴퓨터에서 DNS 정보 갱신

      [기타]소는누가키워 12-01

      소수점 버리기

      [PHP]소는누가키워 11-28

      DIV 프린트 div print

      [기타]소는누가키워 09-04

      IE table-cell after height 100%(1)

      [CSS]소는누가키워 08-23

      스크롤바 검사

      [jQuery]테라보드 06-02

      만14세 체크

      [jQuery]테라보드 06-02

      셀렉트박스 디자인 변경하기

      [테라보드]소는누가키워 03-30

      DOM Document Object

      [JavasCript]소는누가키워 11-15

      fadeOut remove

      [jQuery]소는누가키워 09-22

      foreach

      [PHP]소는누가키워 09-22

      .0 숫자 제거하기

      [PHP]소는누가키워 09-21

      each return false

      [jQuery]소는누가키워 09-02

      7일간 댓글 많은 게시물 뽑아오기(3)

      [테라보드]소는누가키워 08-30

      기본 페이지 만들기 2

      [테라보드]소는누가키워 06-01

      기본 페이지 만들기

      [테라보드]소는누가키워 06-01

      DB 테이블 일괄적으로 InnoDB 으로 변경하기

      [테라보드]소는누가키워 05-24

      IE 10+ CSS 적용하기

      [CSS]소는누가키워 05-19

      메뉴에 NEW 표시해주기

      [테라보드]소는누가키워 05-10

      500 오류 뜰 때 2

      [테라보드]소는누가키워 04-28

      게시판 목록에서 에디터 이미지 경로 뽑아내기(1)

      [테라보드]소는누가키워 04-28

      카페24 테라보드 500오류가 뜰 때(1)

      [기타]테라보드 04-27

      네이버 사이트 등록, 웹마스터 등록하기

      [기타]테라보드 04-27

      Cloudflare SSL 적용하기

      [기타]테라보드 04-21

      • 테라보드
      • 대표자 : 장상재
      • 통신판매업신고번호 : 2009-서울마포-0958
      • 개인정보 책임자 : 박정훈
      • 경기도 고양시 일산동구 백마로 223 현대에뜨레보 206호