2011-12-13 16 views
6

Khi tôi in một trang có hộp danh sách từ IE, luồng nội dung. Điều này chỉ xảy ra trong IE và nó chỉ là bản in thực tế, bản xem trước bản in có vẻ tốt.Listbox owerflows khi in từ IE

Dưới đây là một mẫu mã:

<!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"> 
    <head><title></title></head> 
    <body> 
     <form name="form1" method="post" action="/IePrintTest.aspx" id="form1"> 
      <select size="4" name="Listbox" id="Listbox"> 
       <option value="item1">item1</option> 
       <option value="item2">item2</option> 
       <option value="item3">item3</option> 
       <option value="item4">item4</option> 
       <option value="item5">item5</option> 
       <option value="item6">item6</option> 
       <option value="item7">item7</option> 
       <option value="item8">item8</option> 
       <option value="item9">item9</option> 
       <option value="item10">item10</option> 
       <option value="item11">item11</option> 
       <option value="item12">item12</option> 
       <option value="item13">item13</option> 
       <option value="item14">item14</option> 
       <option value="item15">item15</option> 
       <option value="item16">item16</option> 
       <option value="item17">item17</option> 
      </select>  
     </form> 
    </body> 
</html> 

này làm cho tốt, nhưng nếu tôi cố gắng để in này từ IE nó sẽ giống như thế này:

Image of print

Có ai biết làm thế nào để sửa lỗi này. Cảm ơn!

+0

Tôi chưa từng thấy bất cứ điều gì giống như vậy. Bạn có bất kỳ kiểu nào được xác định cho phần tử chọn không? – RoToRa

+0

Không, không có kiểu nào được xác định cho phần tử chọn. – Henrik

+0

bạn đang sử dụng phiên bản IE nào? Tôi sao chép đánh dấu ở trên và thử nghiệm nó trong IE9 - nó làm cho tốt. Bạn có đang sử dụng bất kỳ chế độ tương thích nào không? – andersand

Trả lời

2

Dường như khi được in từ IE và thuộc tính size được áp dụng cho select, trình duyệt đặt chiều cao cố định và không áp dụng tràn. Tôi không có cơ hội thử nghiệm trên IE vì tôi đang sử dụng Ubuntu, nhưng bạn có thể thử thêm một số style="overflow: hidden;" vào phần tử select của mình không? Nếu nó không hoạt động và loại bỏ các thuộc tính size là một lựa chọn, hãy thử điều đó là tốt.

+0

Thêm kiểu = "tràn: ẩn" không có hiệu lực. Nếu tôi xóa thuộc tính kích thước, nó sẽ hiển thị dưới dạng danh sách thả xuống, không phải là tùy chọn. – Henrik

1

Trường hợp sử dụng cho trang web này như thế nào? Nếu OK để người dùng nhấp vào nút đầu tiên để mở trang in, bạn có thể phân phát phiên bản có thể in của nội dung ở chế độ quirks bằng cách làm cho máy chủ có điều kiện thêm DOCTYPE.

+0

Có một nút in trên trang và những gì bạn đang đề xuất là một tùy chọn. Nhưng tôi thực sự muốn người dùng có thể sử dụng chức năng in trong trình duyệt. – Henrik