2010-02-18 22 views
5

Tôi đã kéo tóc ra (và đi theo giờ được phân bổ) để thử và tìm hiểu tại sao Colorbox không hoạt động đúng trên trang sau: [link removed]Vấn đề triển khai Colorbox đúng trong IE (tất cả các phiên bản)

Tôi đã thiết lập liên kết kiểm tra hộp màu ở phía dưới cùng bên phải có nội dung "Thiết kế web của tất cả quán cà phê web", sẽ mở ra một hình ảnh biểu tượng nhỏ. Trong Firefox, Safari, vv các phương thức hoạt động như nó cần, mở trung tâm trung tâm trên tất cả các nội dung hiện có trên trang. Trong IE, không chỉ là phương thức không tập trung, nhưng nó xuất hiện như thể nó không tuân theo định vị tuyệt đối và đẩy tất cả nội dung hiện có trên trang xuống dưới đây. Thêm vào đó thực tế là nó không mở đúng kích cỡ và tạo thanh cuộn bên cạnh hình ảnh phương thức, và chúng ta có một phương thức xấu xí.

Thanh cuộn tôi có thể sống với (chỉ cần thay đổi kích cỡ chiều cao tối thiểu của phương thức), nhưng tôi không thể hiểu tại sao nó không tập trung. Hãy để tôi nói rằng tôi đã không mã trang web này ban đầu và nó đã được hoàn thành một vài năm trước đây, do đó, có khá nhiều hacks CSS để có được những thứ để hiển thị đúng, bất kỳ số nào trong đó có thể gây ra vấn đề này.

Ngược lại, Thickbox cũng được thiết lập trên trang web này (nếu bạn nhấp vào chú thích "Phát video" trong vùng màu xanh đậm) và hoạt động chính xác, mặc dù bị một số vấn đề về kích thước/đệm lạ, do đó mong muốn thay thế nó bằng một thứ gì đó hiện đại hơn và có thể mở rộng được. Tôi có thể xác minh rằng không có xung đột nào có cả các tập lệnh/tập lệnh CSS đồng thời do sự cố vẫn xảy ra với Colorbox ngay cả khi Thickbox bị xóa hoàn toàn.

Bất kỳ suy nghĩ hoặc đề xuất nào sẽ được đánh giá cao.

Trả lời

16

GOT IT !!! .. sau khi sửa đổi rất nhiều thứ trong mã của tôi (có cùng một vấn đề) ...

Chỉ cần đặt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

.. lúc đầu rất trang của bạn. Nó phải được TRƯỚC KHI bao gồm hoặc mọi thứ khác.

Hy vọng điều này sẽ hữu ích. Chúc mừng!

Mariano.

+0

Tôi nợ bạn bia, bạn tôi. Cảm ơn nhiều về sự đáp trả. Tôi chưa bao giờ đoán đó là một vấn đề về tài liệu. Hóa ra bạn thực sự có thể sử dụng loại tài liệu HTML 4, miễn là nó được khai báo đúng cách. Tôi đang sử dụng cái này: Andrew

+0

vì vậy nếu bằng cách sử dụng một trang chủ của bạn, bạn chỉ cần đặt nó ở đầu đó? –

+0

Awesome Nano ... Bạn thật xuất sắc .... – Ketan

2

Bắt tuyệt vời bạn tôi. Tôi đang làm việc với một vài nhà phát triển trên dự án web của tôi và có cùng vấn đề này. Không thể tìm ra nó cho cuộc sống của tôi tại sao nó hoạt động trong Firefox và không phải IE (tất cả các phiên bản). Đã làm những gì bạn nói và kiểm tra doctype và chắc chắn rằng nó đã không được hoàn thành. Một trong những nhà phát triển khác phải đã sao chép từ một số mã cũ. Dù sao, chúng tôi không sử dụng xhtml nghiêm ngặt, chúng tôi sử dụng xhtml chuyển tiếp và nó vẫn sẽ cho phép hộp màu hoạt động đúng trong IE (tất cả các phiên bản) và Firefox. Dưới đây là mã của tôi tôi đã sử dụng để có được làm việc hộp thuốc vẽ:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >

Cảm ơn Mariano giúp đỡ của bạn trong việc này. Đã lưu nhiều giờ thất vọng!

Toby Gutierrez

Các vấn đề liên quan