Đặc điểm của một số thuộc tính CSS - Sự khác nhau của IE và chuẩn chung - Dac diem cua mot so thuoc tinh CSS Su khac nhau cua IE va chuan chung

Đặc điểm của một số thuộc tính CSS - Sự khác nhau của IE và chuẩn chung (20/08/2008 8:39:00 SA)

Đặc điểm của một số thuộc tính CSS - Sự khác nhau của IE và chuẩn chung

Các vấn đề sẽ đề cập

1. IE and the box model
2. IE versions and Doctype modes

IE and the box model

Cho dù bạn có thích hoặc căm ghét, Internet Explorer của Microsoft vẫn là một trình duyệt chính đựơc sử dụng hiện nay. Điều đó có nghĩa là vài điểm bạn cần xem xét khi thiết kế để khắc phục một vài điểm chưa hợp lý về CSS.
Một ví dụ dơn giản là một số phiên bản của IE thể hiện các hộp (box model) một cách khác biệt so với các trình duyệt chuẩn. Và các file CSS của bạn nhìn trên IE sẽ khác so với các trình duyệt còn lại như: firefox, opera.

Với một hộp vuông có chiều rộng 200px và được bạn gán thuộc tính "padding:20px; border:20px;" thì chiều rộng chuẩn của nó sẽ được tính như sau

Chiều rộng thể hiện
chiều rộng chuẩn (200px) + padding (20px+20px) + borders (20px+20px) = 280px.

Đặc điểm của một số thuộc tính CSS - Sự khác nhau của IE và chuẩn chung 01