2009 27 tháng 7, 2009

User Agent Style Sheets: Lợi nhuận bí ẩn trong Google Chrome

Hôm qua, giống như mọi "Ngày Hog đất" khác, tôi đã được làm việc trên một số bố trí CSS / tableless. Tất cả sẽ tốt trong IE 7, FF 3 và Chrome, cho đến khi đột nhiên, tôi thấy một số lợi nhuận chưa ignorable nhìn thấy chỉ trong Google Chrome. Mặc dù rất kỳ lạ và worring, Đó là một số lỗi / vấn đề mới mà tôi đã đi qua, cuối cùng cũng đã có một số gia vị trong công việc trần tục của tôi. Sad (nhưng tốt đẹp) đã cố định trong vòng vài phút của tàu thăm dò ...

Về cơ bản, Nó trông giống như Google Chrome bỏ qua CSS Đặt lại (margin: 0px). Nó thực sự được gây ra bởi các stylesheet đại diện người sử dụng (-webkit-padding-bắt đầu: 40px). Vì vậy, các giải pháp đã được thiết lập lại phong cách này bằng cách thiết lập padding: 0 hỏng yếu tố.
Một cách tốt để ngăn chặn vấn đề này xảy ra với bất kỳ yếu tố là sử dụng một phần còn lại CSS toàn cầu như sau

* {Margin: 0; padding: 0;}

User Agent Style Sheets (Đặc điểm kỹ thuật) là gì?
Trích đoạn sau đây được lấy từ http://meiert.com/en/blog/20070922/user-agent-style-sheets/ liên kết tiếp theo, để đọc thêm về Sheets (US) Agent tài

CSS 1 giới thiệu các ý tưởng bằng cách nói rằng mỗi User Agent (UA, thường là một trình duyệt web "hoặc" khách hàng web ') sẽ có một phong cách trang mặc định mà trình bày các tài liệu một cách hợp lý - nhưng cho là nhàm chán - cách. CSS 2 nói rằng các đại lý người sử dụng phù hợp phải áp dụng 1 tấm phong cách mặc định (hoặc cư xử như thể họ có) và rằng mặc định bảng phong cách 1 đại lý người sử dụng của cần trình bày các yếu tố ngôn ngữ tài liệu có đáp ứng kỳ vọng trình bày chung cho các ngôn ngữ tài liệu; CSS 3 là có thể có cùng một tâm trí.

Kể từ khi các chi tiết kỹ thuật CSS để nó để triển khai có sử dụng một phong cách trang "thực sự" để hiển thị mặc định hay không, nó không đáng ngạc nhiên mà bạn không tìm thấy một phong cách trang mặc định trong thư mục cài đặt của mỗi trình duyệt. Không giống như Internet Explorer của Microsoft cũng như Opera, ví dụ (và như xa như tôi biết), Gecko trình duyệt như Firefox và Netscape Navigator (nhìn cho "html.css") mà còn Konqueror làm cho nó khá đơn giản để hiểu được phong cách mặc định của họ.


2008 02 tháng tám năm 2008

Thiết lập các DOCTYPE trong XSL

Tuần trước, tôi tạo ra một bố cục HTML / CSS progessive cho một khách hàng, thử nghiệm trong IE6, IE7 và FF 3, dường như hoàn toàn tốt đẹp ... ĐẾN! bố trí đi xa hơn xuống các chu kỳ Manufacting. Nó không thành công. Trang yếu tố bố trí tất cả các nơi khi bố trí HTML đã được chuyển đổi thành XSL và XML áp dụng cho nó ... thật xin lỗi!!

Không thể ngủ vào cuối tuần qua, với dự đoán của buổi sáng thứ hai, khi tôi sẽ phải sửa chữa này SH **. Nhưng bây giờ có một experince ít đối phó với các loại tình huống (quirks trình duyệt, tôi có nghĩa là), tôi biết nó đã làm với không có gì khác nhưng DOCTYPE .... và Nó WS ...

Vấn đề:
Bạn muốn kiểm soát DOCTYPE, kể từ khi chuyển đổi của bạn sẽ bao gồm một DOCTYPE mặc định một cách rõ ràng, và bạn bố trí cho một quăng.

Giải pháp:
XSLT thông số kỹ thuật cung cấp các phương pháp đầu ra để thiết lập một DOCTYPE của choise. Ngoài ra, để chúng ta giao diện người dùng phát triển, các chủ đề quan tâm sẽ là phương pháp đầu ra HTML và các phương pháp đầu ra XML .

Vâng! trước khi bạn nhận được chán, ở đây là sửa chữa.

Đối với ví dụ, nếu bạn có DOCTYPE sau đây trong phiên bản HTML của bạn:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Sau đó, trong XSL, bạn sẽ phải có những điều sau đây:

<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/loose.dtd" doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" indent="yes" />

Cuối cùng! phải bảo đảm rằng đầu ra XSLT của bạn tuân theo DOCTYPE mà bạn đã chọn.


NDK nhà | Bày tỏ IT | Diễn đạt Palate | Diễn đạt Penmenship | Bày tỏ nỗi sợ hãi | Diễn đạt Myself