logo
Hỗ trợ: 24/7
Điện thoại: 098 984 8886
Email: info@thuonghieuweb.com

Xử lý lỗi thẻ marquee trong trình duyệt Chrome

5/5 1201 votes
updated on 2020-08-06

Vì sao có sự khác nhau giữa các trình duyệt? (h3)

Khi viết CSS cho trang web chúng ta hay gặp phải vấn đề là ở trình duyệt này thì chạy ok nhưng sang trình duyệt khác thì không đúng như mong đợi. Lý do tại sao? Đó là vì trình duyệt nào cũng cài đặt sẵn style sheet ngầm định cho các thẻ HTML và chế độ style sheet ngầm định này lại khác nhau đối với các trình duyệt khác nhau.

Firefox là một trình duyệt phổ biến, nó ít thay đổi style sheet các thẻ vì vậy nên được các lập trình viên ưa dùng để test HTML và CSS. Còn Chrome là một trình duyệt ra sau và cài đặt khá nhiều style ngầm định cho các thẻ. Vì vậy khi viết CSS chúng ta đôi khi không kiểm soát được "vẻ ngoài" của trang web.

Chúng ta đã biết thứ tự ưu tiên của CSS như sau:


1) Trình bày theo style sheet  on-page (là style sheet khai báo ngay trong thẻ HTML)

2) Trình bày theo style sheet của trình duyệt (là những gì trình duyệt muốn cho bạn
thấy)

3) Trình bày theo style sheet trong file CSS

4) Trình bày theo style sheet quy định bởi HTML

Do vậy nếu muốn khắc phục các lỗi trình duyệt, các bạn cần phải xử lý ngay trong thẻ HTML

Ví dụ xử lý lỗi thẻ marquee hiển thị khác nhau trong firefox và chrome (h3)

Dưới đây là một ví dụ xử lý sự khác nhau giữa firefox và chrome khi các bạn viết CSS. Sự khác biệt này xảy ra với thẻ marquee là thẻ cho các đối tượng chạy ngang hoặc dọc trên màn  hình.

Đây là code ban đầu

Xử lý lỗi thẻ marquee trong trình duyệt Chrome

Khi chạy code này, với firefox, mọi thứ có vẻ êm ru, đoạn thẻ marquee nằm trong một ô bên phải của table và chiếm 50% kích thước của table. còn ô bên trái trình bày một đoạn text

Xử lý lỗi thẻ marquee trong trình duyệt Chrome

Tuy nhiên trong chrome, thẻ marque bắt đầu bị vỡ trận, nó có vẻ bị đẩy xuống dưới 1 hàng và lấy gần hết chiều ngang của table, đẩy đoạn text trong ô bên trái thu lại và tràn xuống dưới

Xử lý lỗi thẻ marquee trong trình duyệt Chrome

Và dưới đây là đoạn code đã sửa lỗi, trong đó tác giả thêm vào một đoạn style sheet on-page định nghĩa chiều rộng của thẻ marque cố định là 480 (bằng nửa chiều rộng của thẻ table) và đồng thời cho nó hiển thị dưới dạng inline-block

Xử lý lỗi thẻ marquee trong trình duyệt Chrome

Kết quả là đã khắc phục được lỗi trình duyệt chrome.

   
 
Có thể bạn muốn xem thêm....

Những điều cần biết khi xây dựng website

Xây dựng một website không đơn giản chỉ là một gian hàng hay một tờ rơi. Bạn cần phải làm mọi cách để website của mình hướng tới khách hàng, và quan trọng hơn cả, là làm sao để nội dung của bạn có sức lan tỏa nhanh chóng trong môi trường mạng từ đó lôi kéo khách hàng đến với website của bạn

Xem chi tiết

Những điều cần biết về dịch vụ email với tên miền riêng

Email tên miền riêng là email gắn với tên miền của doanh nghiệp kiểu như tennhanvien@tencongty.com. Email tên miền riêng sẽ tạo sự chuyên nghiệp và tin cậy khi giao dịch, đồng thời có thể cấp phát cho nhân viên khi mới đi làm, thu hồi lại khi nhân viên đó thôi việc và lưu trữ được mọi giao dịch trên email mà không sợ nhân viên đổi mật khẩu, mang theo hòm thư khi rời công ty...

Xem chi tiết
Đội ngũ lập trình viên, kỹ thuật viên và seo-er của Thương Hiệu Web cam kết

Hỗ trợ 24/7

Hỗ trợ khách hàng 24 giờ 1 ngày, 7 ngày 1 tuần qua điện thoại, email và chat online

Hoàn tiền 100%

Trong thời gian 45 ngày sử dụng dịch vụ, nếu quý khách không hài lòng!

Cam kết uptime 99.99%

Nếu dịch vụ của quý khách bị gián đoạn, chúng tôi sẽ cộng thêm 1 tháng sử dụng

KHÁCH HÀNG NÓI VỀ CHÚNG TÔI

Một đơn vị xây dựng web tận tâm và chuyên nghiệp!

"Thương Hiệu Web là đơn vị thiết kế website có năng lực, tôn trọng và có trách nhiệm với khách hàng, đặt mình vào vị trí khách hàng để mang lại cho khách hàng nhiều giá trị từ chính dịch vụ của mình. Với tôi, Thương Hiệu Web là một lựa chọn hợp lý!" Chị Nguyễn Phượng, TP kinh doanh, Công Ty Cổ Phần Quản Lý Công Trình Đô Thị Hải Dương.

Xem bình luận trên FB
Sitemap Điều khoản sử dụng Chính sách riêng tư
Bản quyền thuộc về công ty cổ phần truyền thông số VDATA
Tầng 2, tòa nhà 71 Hoàng Cầu, Đống Đa, Hà Nội
Điện thoại: (04) 3990 9643 - Email: info@vdata.com.vn
Giấy chứng nhận ĐKKD số: 0102766780, do Sở KHĐT Tp Hà Nội cấp ngày 28/04/2009

Online