Internet explorer tạo thanh cuộn ngang cho chiều rộng dọc cuộn của

Question

Một div, có chứa một bảng có kiểu dáng CSS sau:

#formulaAlts { 
    float: right; 
    height: 200px; 
    overflow: auto; 
} 

này làm cho nó để khi bàn là> 200px, một cuộn chỉ xuất hiện cho bảng và các yếu tố khác trên trang vẫn được đặt. Tuyệt quá!

Bây giờ cho bạn bè của chúng tôi IE ...
Trong IE, phần tử tạo ra thanh cuộn dọc mà không cần tăng phần tử chứa. Để "giải quyết" điều này, một thanh cuộn ngang được tạo ra.
Điều đó thật tệ. Và tôi không muốn nó hút ...

Bất kỳ ý tưởng nào?

--EDIT--
tôi phát hiện ra rằng dòng

overflow-x: hidden; 

lực lượng IE để bỏ qua các thanh cuộn ngang. Điều này là tốt hơn .. nhưng không hoàn toàn có bởi vì bây giờ một phần của bảng của tôi là invisble.

Answer 1

Cẩn thận.

overflow-x 

không phải là thuộc tính được hỗ trợ rộng rãi nhất trên mạng.

tôi có xu hướng đi với một div chứa với một số padding phải:

CSS:

div.scroll { 
    overflow:auto; 
    padding-right:6px; 
    /* I've found 6px to be just right my purposes, but try others*/ 
} 

EDIT: Bạn sẽ cần phải thêm một chiều cao thuộc tính ở đâu đó để làm việc này! Tôi thường có một thiết lập mặc định trong khai báo div.scroll sau đó tinh chỉnh cho các trường hợp cụ thể (hầu hết). HTML:

<div class="scroll" > 
    <table> 
    <!-- your table stuff in here --> 
    </table> 
</div>