[Hỏi đáp] Cố định thẻ div khi zoom trình duyệt

Mình có code hiện cột bên trái forum như thế này:

Code:

<div style="position:fixed;top:40px;margin: 0 auto;left:0;height: 100%; width: 163px;background: #DDD;padding: 10px;font: #FFF;">Bảng tin
<br /><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/y7/r/p8wxhmZcSa_.png" /> Bài viết mới
<br /><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yw/r/jr7r-LBNMdR.png" /> Trò chơi
<br /><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yw/r/C0eConWN8vs.png" /> Trang và nhân vật
<br /><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yU/r/p_FSukWTCbB.png" /> Ứng dụng
</div>

Làm thế nào để cố định được khi zoom trình duyệt, tức là nó vẫn giữ nguyên vị trí, không chèn vào các phần tử khác khi zoom to ra?
demo: http://ctxhvn.forumvi.com/

Chắc không được đâu bạn ạ
Nó cố định sẵn theo % r

KirigayaKazuto wrote:Thấy zoom bình thường mà :3

như vậy là không bình thường đấy. nó che lấp lên các phần tử khác.

Nếu giữ nguyên cách đó thì không thể nào làm được.
Bạn có thể thiết kế nó như một sidebar, hoặc điều chỉnh kích thước và vị trí bằng CSS media queries tùy theo chiều rộng màn hình người dùng.
Có thể thử một sidebar với nút ẩn hiện như thế này.

Zzbaivong: tks huynh. để dùng cái sidebar ẩn hiện