CSS help

by "Steve Mount" <steve(at)saltyrain.com>

Date:	Mon, 23 Sep 2002 09:50:59 -0400
To:	<hwg-techniques(at)hwg.org>
	todo: View Thread, Original

Given the following, can anyone tell me how to make the "box2" span use up
all remaining space in the browser window?  I want box1 to be 30% of the
window, box3 to take up 30 pixels, and box2 to use up all remaining space -
as it is now, box2 does not appear at all unless there is something in it,
and even then only to be as wide as the data in the span (if any).

URL: http://www.saltyrain.com/cssremain.html

Code:

<html>
<head>
<title>CSS Test</title>
<style type="text/css">
<!--

.box1 {
  background-color: red;
}
.box2 {
  background-color: blue;
}
.box3 {
  background-color: yellow;
}


-->
</style>

</head>
<body>

<span style="width: 100%">
<span class=box1 style="width: 30%"></span><span class=box2 style="width:
auto;"></span><span class=box3 style="width: 30px"></span>
</span>

</body>
</html>


-------------------------------------------------------------
Steve Mount, Software Engineer            steve(at)saltyrain.com
Home Site                            http://www.saltyrain.com
US Constitution Online          http://www.usconstitution.net

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.