| 200px |
min 650px, max 900px, etc 100%
<HTML>
<HEAD>
<TITLE>[CSS] make flexible width</TITLE>
</HEAD>
<STYLE TYPE="text/css">
<!--
/* make flexible width
* san2@2005.01.05
* reference:
* - http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-widths
* - http://www.mysql.com/common/css/my_pie.css
*/
#fwidth, .fwidth
{
width:expression(
document.body.clientWidth < 650 || document.body.clientWidth > 900
? (document.body.clientWidth < 650 ? '650px' : '900px' )
: '100%'
);
width:100%; min-width:650px; max-width:900px; /*** Mozilla ***/
}
TD
{
font-size:10pt;
}
-->
</STYLE>
<BODY BGCOLOR='#FFFFFF'>
<TABLE BORDER=0 CELLPADDING=3 CELLSPACING=1 ID='fwidth'>
<TR><TD BGCOLOR='#8080C0'><H2>[CSS] make flexible width(example)</H2></TD></TR>
</TABLE>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 ID='fwidth'>
<TR><TD>
<TABLE BORDER=0 CELLPADDING=3 CELLSPACING=1 WIDTH='100%'>
<TR>
<TD WIDTH='200' BGCOLOR='#A0B0E0'>200px</TD>
<TD BGCOLOR='#B9CCEE' WIDTH='*'>
min 650px, max 900px, etc 100%
<BR>
<?php
highlight_file(basename($_SERVER['PHP_SELF']));
?>
</TD>
</TR>
</TABLE>
</TD></TR>
</TABLE>
</BODY>
</HTML>
|
|