하단 콘텐츠중에 Security News의 h3에 border를 쳐보면
위에 약 15픽셀정도가 뜨는데 왜 그런가요?
어디에서 설정되어 있는건가요?
제가 이것저것 만져보니
#sec_news h3에서 margin:0 0 0 0;으로 주면
사라집니다.
그럼 그 부모로부터 물려받은 것 같은데
잘 모르겠네요.
위에 약 15픽셀정도가 뜨는데 왜 그런가요?
어디에서 설정되어 있는건가요?
제가 이것저것 만져보니
#sec_news h3에서 margin:0 0 0 0;으로 주면
사라집니다.
그럼 그 부모로부터 물려받은 것 같은데
잘 모르겠네요.
2012.04.28 13:38:39 (*.235.5.110)
네, 거기 맞습니다.
공백부분은 #sec_news h3의 위부분입니다.
#sec_news의 border_top과 #sec_news h3의 border_top 사이의 공간을 말하는 겁니다.
#sec_news, #news_notice에도
border:1px solid #333;를 넣어보면 더 확실히 보실 수 있습니다.
그 부분에 생긴 공간은 어디에서 설정이 된건지 알려주시면 감사하겠습니다.^^
공백부분은 #sec_news h3의 위부분입니다.
#sec_news의 border_top과 #sec_news h3의 border_top 사이의 공간을 말하는 겁니다.
#sec_news, #news_notice에도
border:1px solid #333;를 넣어보면 더 확실히 보실 수 있습니다.
그 부분에 생긴 공간은 어디에서 설정이 된건지 알려주시면 감사하겠습니다.^^
2012.04.28 19:05:40 (*.8.73.101)
저자입니다.
말씀하신대로 #sec_news h3 , #news_notice h3 부분에 margin:0을 적용하면 사라지는 이유는 h3 태그 자체에 있는 마진 값이 적용된 것입니다. 보통 HTML 태그를 사용할때 보시면 헤드 태그들 h1, h2, h3 등은 다른 부분과 겹쳐지지 않기 위해서 일정 부분 마진 값을 지니고 있습니다.
실전에서도 헤드 태그를 적용해 보면 헤드 태그가 적용된 부분은 다른 태그와 어떤한 CSS 속성을 적용하지 않았음에도 간격이 있는 것을 보실 수 있습니다.
그리고 웹 브라우저마다 이 마진값이 약간 차이가 있어, reset.css 또는 CSS 첫 머리에 많이 사용하는 태그드들의 값을 margin:0; padding:0; 처리하기도 합니다.
답변 되셨는지요?
말씀하신대로 #sec_news h3 , #news_notice h3 부분에 margin:0을 적용하면 사라지는 이유는 h3 태그 자체에 있는 마진 값이 적용된 것입니다. 보통 HTML 태그를 사용할때 보시면 헤드 태그들 h1, h2, h3 등은 다른 부분과 겹쳐지지 않기 위해서 일정 부분 마진 값을 지니고 있습니다.
실전에서도 헤드 태그를 적용해 보면 헤드 태그가 적용된 부분은 다른 태그와 어떤한 CSS 속성을 적용하지 않았음에도 간격이 있는 것을 보실 수 있습니다.
그리고 웹 브라우저마다 이 마진값이 약간 차이가 있어, reset.css 또는 CSS 첫 머리에 많이 사용하는 태그드들의 값을 margin:0; padding:0; 처리하기도 합니다.
답변 되셨는지요?
질문을 제가 잘 이해하지 못하겠습니다.
Security News의 h3 라는 부분은 어디를 말씀하시는 건지요?
#sec_news h3 , #news_notice h3 이 부분에 border 속성을 적용했다는 말씀 이신가요?
아니면 다른 곳에 속성을 적용했다는 말씀이신지요?
정확한 증상을 적어주시면 감사하겠습니다.