6

URL: http://cyberbat.co.uk/test lề chứa: tự động không hoạt động, có cách nào khác để đặt nó ở giữa trong IE không.Lề: Tự động không hoạt động trong IE

EDIT: Kiểm tra lại, tệp index.php sai, tôi đã thay thế bằng index.html.

+0

câu hỏi Poor. Hiển thị một số nguồn HTML, chúng tôi không muốn phải tìm thấy nó từ liên kết của bạn ... và đặt những gì ở giữa chính xác? – musefan

+0

Bạn chỉ cần một vùng chứa cho '.page' mà' text-align' của nó sẽ là 'center'. IE không thể tập trung một * block-tag * (như 'div's hoặc' ul's) thông qua 'margin'. Xem mã bên dưới trong câu trả lời –

+2

Liên kết không hoạt động nữa. –

Trả lời

8

Sử dụng này trên thùng phụ huynh cho các trình duyệt ngu ngốc:

text-align: center 
3

Bạn có mã php RAW vì bạn không cấu hình máy chủ đúng cách:

<?php 
include('inc/settings.php'); 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

Giải quyết vấn đề đó bằng cách áp dụng PHP để * Các tệp .html và <?php include ?> sẽ không hiển thị theo nghĩa đen. Nếu tôi nhớ chính xác, điều chỉnh dòng này trong file .ini là:

AddType application/x-httpd-php .html .htm .php 

Bởi vì đang backend đen này là ở phía trước của DOCTYPE, nó gây ra chế độ quirks trong IE và trong quirks lề tự động ngang không làm việc đúng cách.

Bạn có thể đi với text-align: center trên phần tử cha, nhưng đó là một hack cho IE và bạn nên giải quyết điều này đúng bằng cách làm cho IE hiển thị nó ở chế độ tiêu chuẩn từ gợi ý của tôi ở trên.

2

Internet Explorer hiển thị trang web của bạn trong chế độ quirks vì hướng dẫn này chế biến không có thật ở đầu đánh dấu:

<?php 
include('inc/settings.php'); 
?> 

Remove nó; margin: auto hoạt động trong IE6 +. Có không cần phải thực hiện text-align: center hoặc các thay đổi không cần thiết khác.

+0

Xin lỗi, đó là tệp php. Kiểm tra lại, tôi đặt tệp index.html để thay thế tệp index.php. – Lewes

+0

@Lewes Nếu tôi mở liên kết bạn đã cung cấp, tôi vẫn có thể thấy ' duri

14

Đây là lỗi trong IE! Bạn chỉ cần tạo ra một ngăn chứa nào để <div class="page"> và thiết lập của nó text-align để center

.page-holder{ 
 
    text-align:center; 
 
} 
 
.page{ 
 
    margin:0 auto; 
 
}
<div class="page-holder"> 
 
    <div class="page"> 
 
    page content 
 
    </div> 
 
</div>

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

Vấn đề của bạn là xác định loại tập tin và các tiêu chuẩn của bạn. nếu bạn thêm mã này vào đầu tệp thì nó sẽ hoạt động!

+1

Và tại sao điều này sẽ hoạt động? Gợi ý: «chế độ quirks» – nalply

+1

Tôi đã thêm HTML 5's ' ', hiện tại IE hoạt động như mong đợi. 10x –

4

thử sử dụng các mục sau đây trên mục chính.

display: flex; 
align-items: center; 
+0

Hoặc hiển thị: flex trên bố mẹ và căn chỉnh: trung tâm trên con nếu bạn chỉ muốn một phần tử theo chiều dọc – RustyToms

1

Hãy thử thêm một kỷ lục meta để head:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 
+0

Điều này thực sự hiệu quả hơn tất cả các phương pháp được đề cập khác để hiển thị trang của tôi trong IE11 giống như cách trong Chrome. – Rawrcasm