Author Archives: itpsolver

# 용법       공통적으로 CSS가 다 적용되는데 IE6 에서만 문제가 발생할 때 다음과 같이 추가적으로 속성을 지정해 준다.    *html #content{ height:450px } # 사용 예시          id가 content 인 div 에 최소 높이를 주기 위한 설정.     min-height 라는 속성이 IE6 에 적용되지 않기 때문에 *html 로 추가해 주었다.     기존에 정의한 스타일 속성이… Read More »

경험담 1. <img>태그를 <a> 태그가 감싸고 있었는데, 보기좋게 정렬한답시고 <a>태그를 엔터를 쳐서 내려놓았다. 근데 그게 화근이었던 것. 오로지 파이어폭스에서만 레이아웃이 깨졌었는데, <a>태그와 </a>태그가 감싸고 있는 <img>태그를 공백없이 찰싹 붙여 놓으니까 해결되었다. 대체 이런 걸 어떻게 아냐구 -.- !!!! 이놈의 크로스브라우징!!

<a href=”이동할 주소”  target=”_blank”>링크1</a>

– 출처 : http://www.highca.com/114 – IE6이나 7 에서는 position:relative 및 position:absolute 에서 z-index 가 먹지 않는 버그가 있다. <div style=”position:relative; background:black; color:white;”> 까만놈1 <div style=”position:absolute; top:20px; left:40px; background:white; color:black; border:1px solid red; z-index:1000″> 창구1 </div> </div> <div style=”position:relative; background:black; color:white;”> 까만놈2 <div style=”position:absolute; top:20px; left:40px; background:white; color:black; border:1px solid red;”> 창구2 </div> </div> 위  예제와 같이… Read More »

[출처] css float |작성자 성아에미 엘리먼트에 float 속성을 주면 배치가 어떻게 되는지 그림으로 그려봤습니다. float 속성을 주게 되면 그 엘리먼트는 공중으로 떠오르고?  나머지 엘리먼트들이 공중부양된 엘리먼트가 없었던 듯이 배열됩니다.  떠오른 엘리먼트 아래 자리잡은 엘리먼트 안의 컨텐츠는 떠오른 엘리먼트의 그늘을 피해 흐릅니다. 만약 그 아래 연두색 부분까지 파란 엘리먼트에 가려지면 안되는 상황이라면 연두색 엘리먼트에 clear 속성을… Read More »