최근 클라이언트 프로젝트에서 960 그리드 시스템을 사용하여 개발 속도를 높이기로 결정했으며 구조가 완벽하게 작동하고 있습니다.960.gs 배경색 또는 여백?
내가 겪고있는 문제는 div 배경색 (100 % 높이로 사이드 바 크기를 조정할 수 있는지 확실하지 않음)의 중단이며 배경이 투명하게 10px 여백 (사이드 바 및 바닥 글)을 보여줍니다. 이것은 지금까지 웹 사이트의 라이브 버전입니다. 문제를 쉽게 볼 수 있습니다. 매우 명확합니다 : http://mediasmoke.com/clients/packtv/.
나는 원하는 구조를 가지고 있으며 div는 올바른 위치에 있습니다. 그 빈칸을 채우고 더 많거나 적은 내용을 위해 웹 사이트의 높이를 유연하게 유지하는 기술이 있습니까? aSeptik 랩을 말했듯이,
예 ...
나는 빈을 그리는거야, 나는 두 번째 컨테이너를 사용하여 시도하지만 제대로 작동하지 않았다. content 및 .sidebar을 div에 입력하고 배경을 적용하십시오. .alpha 및 .omega은 문제를 해결하지 않습니다. 바닥 글 열에도 동일한 작업을 수행해야합니다.
나는 가장 유연한 래퍼 아이디어를 좋아하지만, 그냥 작동하지 않는다. div는 960gs div .sidebar & .content로 채워지지 않으며, 여백은 그렇지 않은 것과 똑같이 유지되어야한다. 디자인. – GodsDead
좋아요, 알아 냈습니다. 두 번째 래퍼 div가 960g으로 확장되지 않은 이유는 float:left을 가져야했기 때문입니다.
이제 960 픽셀 너비로 나에게 여분의 10 픽셀 컬러 패딩을 제공합니다. 이것을 자르거나 래퍼를 작게 만들면 960g이 깨져서 쓸모 없게됩니다. 간단한 해결책으로 어지러운 후에 나는 투명도가 960 픽셀이고 양 끝이 10 픽셀 인 배경 이미지를 만들어서 940 픽셀의 느낌을줍니다!
야!
마진을 제거하거나 수동으로'# sidebar.grid_3 {margin : 0}'을 설정하거나'.sidebar'와'.content '를 모두 포함하는 래퍼를 생성하려면'.alpha'와'.omega' 클래스를 사용하십시오 ' –