목록사파리 (2)
킥복싱의 각종 자료실
css 핵
지금 일하는 여기 사이트는 온갖 임폴턴트가 난무하고, 도저히 이해가 안되는 마크업과 css로 도배가 되어있다. 그리고 정말 충격적인것은 크로스브라우징이 안되어 있다는것. 히스토리를 들어보니, 이전 작업자가 크로스브라우징 못한다고 했다고 한다. (front-end 맞나?) conding convention 도 없고, 주먹구구식의 마크업, 인라인스타일과 css때문에 충격과 공포를 맛 보았다. 늦었지만, 정의 해두는게 맞겠다 싶어, coding convention을 만들고, 기존 작업된 css는 건드릴수 없는 지경에 이르렀기 때문에, 새로 작업하는 css에 대하여만 coding convention rule을 따르기로 했다. 모듈화와 크로스브라우징등은 저 우주로 날려버린 사이트라서 어쩔수 없이 핵을 사용했다. ..
퍼블리싱/CSS
2018. 8. 22. 11:41
사파리에서 테이블 넓이가 다르다면,
사파리에서만 table의 넓이가 다를경우가 있다. 간단하게 말하자면, ie, chrome, f/f, opera, 등에서도 모두 괜찮은데, safari에서만 넓이가 다를경우, 한가지 생각해보자, 만약 테이블의 caption에 position:absolute 가 있다면, 이 때문에 발생하는 문제인데, caption에 display:none을 넣을수도 없다. 접근성 때문에, 그래서 caption은 일반적으로, overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; 을 준다. ...
퍼블리싱/CSS
2016. 11. 14. 16:38