Có nhiều chủ đề thường phải để Full screen mới đọc hết được nội dung - không thì scroll mệt mỏi. Đặc biệt trong " /hvaonline/readingRoom/list.html" hay các tuts, muốn đọc và làm luôn mà nhảy qua lại windows khá mệt. VD: /hvaonline/posts/list/17283.html  

Khi mình zoom chữ cho to lên cũng bị như tràn như vậy, phải sử dụng thanh trượt qua trái phải (firefox), mà để chữ nhỏ thì đọc mỏi mắt quá. 

Browser đang dùng là Chrome version 25, đôi khi là opera. Resolution: 1366x768 ( chắc k liên quan :) )  

.coded {
    background-color: #444444;
    color: White;
    font-family: "Times New Roman",Times,serif;
    margin: 10px;
    padding: 10px;
    width: 1270px;
}

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.hvaonline.net") {
    .coded {
        width: 1220px !important;
    }
}

Code:

.coded {
    background-color: #444444;
    color: White;
    font-family: "Times New Roman",Times,serif;
    margin: 10px;
    padding: 10px;
    width: 1270px;
}

chỉnh lại width = 90% rồi. Chờ vài giờ cache nó refresh rồi thử lại coi :).  

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

Không một website nào lại có thể đáp ứng hoàn hảo mọi màn hình có độ phân giải khác nhau và các loại trình duyệt mà user đang sử dụng.  

Khi thấy khung hình của trang đang đọc bị phá vỡ (nên người đọc phải "rê" chuột sang trái và phải mỗi dòng trên post-và như vậy rất mất thì giờ, khó chịu) thì người đọc có thể zoom out liên tục. Nhưng nếu zoom out quá cỡ thì chữ trên post sẽ nhỏ xíu- lại khó đọc.  

Thiết kế trang HVA forum tôi thấy cơ bản là tốt, chỉ có 2 trường hợp cần lưu ý vì dễ gây vỡ khung hình: 1- Thành viên HVA upload lên forum các hình ảnh có Width quá rộng > 800 pixels. Họ không resize (Width) image trước khi upload. Height của image thì lại không quan trọng. Ta cần phải nhắc nhở các thành viên. Tốt nhất là giữ cho Width của image khoảng 700 pixels.  

2- Có không ít trường hợp user sử dụng tiện ích "code" trên forum gây vỡ khung hình. Nếu dùng tiên ích "quote" thì lại không sao cả. Việc này là thực tế, nhung tôi chưa tìm hiểu để biết nguyên nhân.  

Tại trang mà quanta dẫn ra dưới đây: /hvaonline/posts/list/44966.html#277505 thì lỗi phá vỡ khung hình gây ra từ bài viết thứ ba trong trang (bài số 17/07/2013 04:47:25 (+0700) | #3 | 277505 ) do bạn minhquang.qhamy post. Tại bài viết này bạn minhquang.qhamy đã dùng tiện ích "code" thay vì nên dùng "quote" (Ai đó thử edit lại bài này với "quote" sẽ thấy hiệu quả ngay)  

Có một điều tôi thắc mắc mà chưa có dịp bàn. Đó là tiện ích "code" trong không ít trường hợp vẫn phá vỡ khung hình forum, ngay cả khi chiều rộng của dòng text (trong code) không dài, thậm chí khá ngắn. Đó là thực tế. 

Khi thiết kế web có hai cách setting width của một table, image, flash ... xác định bằng % (1) (thí dụ 80% , 90% ...width của trang) và xác định với trị số pixel cụ thể (2) (thí dụ width= 600, 724 pixels...). Setting với trị số % thì dễ và nhanh nhưng website rất dễ bị phá vỡ khung hình (frame) và /hoặc khung hình không bị phá vỡ khi xem bằng IE lại bị phá vỡ, hoặc các hình đè lên nhau khi xem website với Firefox.... Vì vây nên setting bằng pixels. Không nên setting bằng %  

Anh PXMMRF, Khi anh dùng [ quote ] thì không còn xuất hiện thanh cuốn nữa, đó là bởi vì [ quote ] đã tự enable text wrapping rồi, trong khi [ code ] thì không. 

Vâng ạ. Ý em là nếu để được % là đẹp nhất chứ để pixels với màn hình có độ phân giải cao (ví dụ 1440x900) thì nhiều khi hơi lọt thỏm. 

Không một website nào lại có thể đáp ứng hoàn hảo mọi màn hình có độ phân giải khác nhau và các loại trình duyệt mà user đang sử dụng.