10/10/2018, 10:20
hỏi về trình duyệt FF và IE khi chạy web ?
chào mọi người!
mình lập trình xong 1 trang web và hồi đó giờ mình toàn test bằng FF
bây giờ mở thử IE lên thì thấy kích thước nó nhảy lung tung, chỉnh lại cho vừa với IE thì qua FF nó lại lung tung,
bây giờ ko biết làm sao nữa
mong mọi người chỉ giúp, gửi hình minh họa cho mọi người xem
2 hình đầu là chạy = IE, hình sau là FF
mình lập trình xong 1 trang web và hồi đó giờ mình toàn test bằng FF
bây giờ mở thử IE lên thì thấy kích thước nó nhảy lung tung, chỉnh lại cho vừa với IE thì qua FF nó lại lung tung,
bây giờ ko biết làm sao nữa
mong mọi người chỉ giúp, gửi hình minh họa cho mọi người xem
2 hình đầu là chạy = IE, hình sau là FF
Bài liên quan
Bên IE bị như thế kia có thể là do width của cái khung đặt sản phẩm hoặc do margin, padding... Bạn xem lại style chỗ đó xem sao!
IE7 thì sẽ không bị j.
để khắc phục thì tốt nhất lúc design bạn chia khung web của mình với width thật chính xác(chính xác từng px). trong trường hợp khung của bạn chênh lệch một vài px thì các trình duyệt mới bỏ qua, ko làm vỡ website (tuy nhiên nhìn tinh vẫn thấy). Riêng IE6 sẽ vỡ bố cục ngay.
-----------------------
Nhìn qua thì thấy khung bên trái phần danh mục sản phẩm của bạn bị lệch. có thể là width của nó chưa được chính xác. Bạn thử xem có phải width của bạn đã chuẩn nhưng trong một thành phần nào đó trong khung có thuộc tính margin hay padding ko? ví dụ width của bạn là 200px; nếu có margin-left:5px chẳng hạn thì site bạn sẽ vỡ vì khi đó nó hiểu width: 205px. Vì thế style chuẩn lúc này là: {width:195px; margin-left:5px;}
Khi design lỗi bị vỡ nhiều nhất ở chỗ này. bạn coi lại các khung khác và các khung nhỏ hơn của nó lại xem sao
Sở dĩ như vậy là có sự khác nhau giữa hai trình duyệt khi định nghĩa kích thước một element. Firefox xem kích thước (width, height) là phần chứa nội dung, phần margin, padding, border là phần thêm vào. Trong khi IE lại xem width và height là diện tích lớn nhất của một element (tức là bao gồm cả border, padding, margin...)
Ví dụ: width:200px; height:200px; border:5px;
Thì với IE, element này sẽ chiếm diện tích 200 X 200px còn với FF thì element này chiếm diện tích 210 X 210 px
Muốn tránh điều này bạn có thể viết CSS riêng cho 2 trình duyệt