Thanks for your comments. I must admit, I'd over-simplified the problem in an attempt to make it more concise, rendering it meaningless.
In fact I want to make a 30px high strip divide into 4 divs, first a 20px wide block, then a 100px wide block, then a block taking up the rest of the width, with a 1px stripe on top. In trying to make up an example, I discovered that the following code works. I didn't realise the RH divs would float up without specifically being given "float" property (which stops them filling the width). Is this a reasonable way of doing it? <div> <div style="float:left;height:30px;width:20px;background-color:yellow;"> </div> <div style="float:left;height:30px;width:100px; background-color:green;"> </div> <div style="height:1px;background-color:red;"> </div> <div style="height:29px;background-color:rgb(182,194,194);"> </div> </div> Regards, Peter -----Original Message----- From: Roger Roelofs [mailto:[EMAIL PROTECTED] Sent: 25 November 2006 15:48 To: [EMAIL PROTECTED] Cc: [email protected] Subject: Re: [css-d] Elementary questioning about positioning a div Peter, On Nov 24, 2006, at 12:07 PM, Jazzcreation wrote: > I'd like to position a div of a certain height (say 30px) so that > it starts > 20px from the left hand edge, and runs up to the right edge of the > screen. There are a bunch of ways to do this. Probably the simplest is to add margin-left: 20px; to the element. Often it is easier to give good advice in the context of a page you are working on. -- Roger Roelofs Datacomp Appraisal Services ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
