SyntaxHighlighter

Monday, June 12, 2006

Maxwidth, Minwidth

To set the maximum width and minimum width of a block item, you can do a combination of things. Mozilla understands "max-width" and "min-width" css rules. Unfortunately, IE does not, but IE does give you another, very powerful option. Expressions in CSS allow you to do all sorts of things with javascript, the dom, and css styles.

Here's how one would set the width of an element in the page.

.mainwidth{
max-width:1024px;
min-width:800px;
width:expression(document.body.clientWidth > 1024? "1024px": (document.body.clientWidth < 800? "790px" : "auto")) };

Note - I had to set the size to be a few pixels larger than the campared width (800px). Otherwise, IE would crash.


Looking online, this is apparently due to a missing doctype declaration. My page was set to:

http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd

It was not immediately obvious why this error would occur, but it was not enough to warrent greater investigation at this time.

After adding this to the style sheet, the user can resize the page. The items in the page will hold their minimum and maximum widths appropriately.

This was checked on IE6 and Mozilla 1.5.

1 comment:


  1. - Ngươi, ngươi rốt cuộc là người nào.

    Tả Long nhìn Kiều Thập Tam ở trên mặt đất thì kinh hãi, một chiêu để một nhị tinh Đấu Vương trở nên như vậy, ngay cả ngũ tinh đấu vương như mình cũng không làm được.

    - Nhớ kỹ, ta tên là Nhạc Thành.
    đồng tâm
    game mu
    cho thuê phòng trọ
    cho thuê phòng trọ
    nhac san cuc manh
    tư vấn pháp luật qua điện thoại
    văn phòng luật
    số điện thoại tư vấn luật
    dịch vụ thành lập doanh nghiệp
    Khuôn mặt của Nhạc Thành không có nhiều biến hóa, vừa rồi chẳng qua chỉ là một nhị tinh đấu vương mà thôi, hắn đã hạ thủ lưu tình, bất quá một hai năm sau tu vi của hắn cũng sẽ tiến bộ.

    - Ngươi chính là Nhạc Thành?

    Khuôn mặt của Tả Long hơi biến, tên của Nhạc Thành hắn đã nghe nói qua, đây là học viên mới khảo thí, tu vi ngũ tinh đấu vương và ngũ phẩm cao cấp luyện dược sư.

    - Đúng thế xin mời giáo huấn.

    Nhạc Thành mỉm cười nói, hắn cũng không khống chế nổi lãnh ý trên người, hơi thở lạnh nhưng băng tràn ngập bản thân.

    ReplyDelete