About Blog

티스토리 본문 이미지 가로폭을 넘어갈 때 추가 해결 방법

티스토리 본문 이지미가 가로폭을 넘어가는 문제가 다시 발생했다. 예전에 문제가 있어서 블로거님들의 도움을 받아서 아래 방법으로 해결했는데, 최근에 다시 문제가 나왔다. 옛날의 내가 아니지...이제 다른 사람에게 알려줄만큼 CSS를 잘알지요~훗. 우선, 예전 해결 방법은 다음과 같다. style.css 스타일 시트에 아래 두 줄을 추가해주어서 해결했는데, 지금은 안됨. img {max-width: 100%; height: auto;} span.imageblock {max-width: 100%; height: auto;} 참조: http://www.cmsfactory.net/node/10198 새로운 해결방법은 다음과 같다. .article img {max-width: 100% !important; heig..

2014년 11월 27일

About Blog

블로그 자동 넓이 조정

넓이를 화면 사이즈에 맞게! 일반적으로 #container로 표시될 영역을 정하고, #content 또는 #sidebar 등으로 내부 영역을 구분한다. (각 영역은 float 속성으로~) css 파일을 열어서 width 를 찾아보면 고정 px로 되어있어서, 그 부분을 %로 변경해 주었다. container : 900px -> 80% content : 750px -> 77% sidebar : 190px -> 21% container 가 content와 sidebar 상위 개체(parent element)이고, 나의 경우 두개의 영역으로만 나눠져있기에 100%를 기존 px 비율로 나눴다. 이렇게 바꿔주면, 화면의 사이즈가 커지면 자동으로 커진다. 근데, 문제는 화면의 사이즈가 작아지면 계속 작아져서 화면 구..

2014년 11월 4일