2008-09-16 6 views
6

소규모 미디어 회사를위한 웹 사이트를 만듭니다. 불행히도 우리 고객층의 약 45-50 %는 IE6를 사용하고, 나머지 절반은 Opera와 Webkit 기반 브라우저간에 똑같이 나뉘며 Opera 사용자가 뿌려집니다.브라우저 불규칙성을 설명하는 CSS "프레임 워크"?

에릭 메이어 (Eric Meyer 's)와 비슷한 재설정 스타일 시트를 사용하여 몇 가지 수정 사항으로 모든 사이트를 시작합니다. 나는 최근에 청사진 CSS "프레임 워크"를 많이 사용 해왔고, 특히 그것에 익숙하지는 않았지만 내 인생을 훨씬 쉽게 만들어주었습니다.

개발 시간의 약 60 %는 내가 만든 사이트가 각 브라우저에서 엄청나게 달라 보이지 않는 데 사용됩니다. 파이어 폭스 3에 대한 코드를 작성한 후 거기에서 조정하십시오.

누군가 그 모든 어리석은 작은 브라우저 단점을 선제 적으로 설명하려는 스타일 시트/프레임 워크를 알고 있습니까? 나는 거기에 아무것도 브라우저의 기이함을 완전히 설명 할 수는 없다는 것을 알고 있지만, 시작하기에 좀 더 견고한 것을 가지고있는 것이 좋을 것입니다.

나는 내 자신을 창조하려고 노력하고있다. 그러나 시작해야 할 것이 있으면 좋을 것이다.

답변

0

당신은 야후 유이 물건을 보았습니까? 크로스 브라우저 CSS 프레임 워크를 사용합니다.

3

Yahoo YUI 라이브러리는 크로스 브라우저 렌더링 문제를 해결하는 데 도움이됩니다. 즉, 재설정 구성 요소 (http://developer.yahoo.com/yui/reset/)를 사용하면 브라우저의 모든 렌더링 (예 : 특정 요소의 여백 및 패딩)을 되돌릴 수 있으므로 사이트를 디자인 할 때부터 시작하기위한 수평면을 만들 수 있습니다.

1

딘 에드워즈 (Dean Edwards)의 IE7 library은 일부 Internet Explorer 단점을 다룹니다.

2

Andy Clarke, Molly E. Holzschlag, Aaron Gustafson 및 Mark Boulton이 (가) Transcending CSS을 읽고 안쪽에서 소화합니다.

당신이 처리 할 수있는 그러한 단점을 다루기위한 일련의 기술과 오래된 또는 덜 기능이있는 브라우저 나 화면 판독기와 같은 다른 기술을 사용하는 웹 사이트에 액세스 할 수 있도록하는 방법에 대한 조언을 제공합니다.

근본적인 추진력은 정상적으로 저하되는 사이트를 만드는 데 있습니다.

이 문제를 다루는 리소스에 대한 링크가 많이 포함되어 있습니다.

1

청사진은이 공간의 초기 모습 중 하나였으며 매우 성숙한 것으로 간주됩니다.

http://code.google.com/p/blueprintcss/

여기에 가능한 프레임 워크의 거대한 목록입니다 :

http://www.cssnolanche.com.br/css-frameworks/

때 CSS 프레임 워크에 대한 웹 dev에 지역 사회에서 흥미로운 많은 논쟁이 있었다. 많은 사람들이 이것이 어떤 구조/표현 분리를 위반하고 비 의미 론적 클래스 이름과 구조를 도입했다고 우려했다.

일부 전망 : 토론에 대한

http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/

http://playgroundblues.com/posts/2007/aug/10/blueprints-are-not-final/

http://www.markboulton.co.uk/journal/comments/blueprint_a_css_framework/

http://peter.mapledesign.co.uk/weblog/archives/blueprint-semantics-markup-frameworks

+0

+1 –