Đó là bởi vì chiều rộng của bạn trên các bảng được thiết lập đến 100% với hai trong số những cột với * để xác định padding. ký tự * cho biết bảng để xác định chiều rộng còn lại và điền nó với bảng. Vì vậy, những gì xảy ra là trình duyệt làm cho * đầu tiên ít hơn chiều rộng cố định của cột trung tâm. Nó thậm chí không làm cho cột thứ ba cho đến khi sau khi định tâm xảy ra. Bạn có thể thấy điều này bằng firebug và dừng tải khi nó vẫn được căn chỉnh ở bên phải.
<div class="SiteBody">
<table width="100%">
<tbody>
<tr>
<td width="*"></td>
<td width="1062"></td>
<td width="*"></td>
</tr>
</tbody>
</table>
</div>
Tôi sẽ nói điều này một lần vì rất nhiều người có thể sẽ tiếp tục điều này. Bạn không nên sử dụng Bảng để thiết lập bố cục đó là thực hành xấu và nó có thể cung cấp cho bạn các vấn đề như những gì bạn đang nhìn thấy. Điều đó nói rằng, lương tâm của tôi là rõ ràng.
Bạn có thể loại bỏ TD đầu tiên và thứ ba, xóa Chiều rộng 100% và đặt nền trong vùng chứa chính. Theo tôi, đây sẽ là cách tốt nhất để xử lý nó. Đặt lề thành 0, tự động và sẽ cung cấp cho bạn mọi thứ bạn muốn.
<div class="SiteBody">
<div class="SiteMiddle">//site content</div>
</div>
<style>
.SiteBody { background: transparent url(image of background) }
.SiteMiddle { width:1062px; margin: 0, auto; }
</style>
HOẶC Đây có lẽ là cách tốt nhất vì nó lớp divs và cho phép bạn thiết lập các hình nền cho trái và bên phải và vẫn thiết lập một nội dung trọng tâm với chiều rộng đúng
<div class="SiteBody">
<div class="SiteLeft">
<div class="SiteRight">
<div class="SiteMiddle">//site content</div>
</div>
</div>
</div>
<style>
.SiteBody { }
.SiteLeft { background: transparent url(image of left background) no-repeat left top; }
.SiteRight { background: transparent url(image of left background) no-repeat right top; }
.SiteMiddle { margin: 0, auto; width: 1062px; }
</style>
CBRacer khiến tôi bắt đầu, nhưng để tôi treo. Vẫn cần trợ giúp. – bladefist
Có hơn 3000 lỗi với HTML trên trang web của bạn. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.halotracker.com%2FReach%2FTrueSkillLB.aspx%3FGameType%3DCompetitive%26Playlist%3D13&charset=%28detect+automatically%29&doctype=Inline&group=0 sửa chữa chúng có thể đi một chặng đường dài hướng tới sửa chữa vấn đề của bạn. Và ngay cả khi nó không, việc tìm kiếm các lỗi sẽ dễ dàng hơn rất nhiều. – twsaef
Có, tôi đã xem liên kết của bạn và chắc chắn có một số sự xấu xí có thể được sửa chữa. Nhưng 90% của nó là những thứ như alt trong hình ảnh và các công cụ như thế. Cảm ơn mặc dù, tôi sẽ chú ý nhiều hơn đến điều này. – bladefist