----- Original Message -----
From: <i...@silvermoonsky.com>
To: <wsg@webstandardsgroup.org>
Sent: Tuesday, October 06, 2009 1:13 PM
Subject: [WSG] RE: WSG Digest
Try this
<style type="text/css">
#wrapper {
height: 100px;
width: 800px;
}
#box1 {
height: 100px;
width: 200px;
float: left;
border: thin solid #F00;
}
#box2 {
height: 100px;
width: 200px;
float: left;
border: thin solid #00C;
}
#box3 {
float: left;
height: 100px;
width: 200px;
border: thin solid #930;
}
#box4 {
float: left;
height: 100px;
width: auto;
border: thin solid #FC0;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="box1">BOX 1</div>
<div id="box2">BOX2</div>
<div id="box4">BOX4 flexi</div>
<div id="box3">BOX3</div>
</div>
</body>
Box 4 is the flexi one and will stretch but only up to the MAX size of the
wrapper
Hi Lucas, Box4 shrinks to content width. Thanks anyway,
Bob
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
