More 100% width fun!

[dbasch]

Hello again,

I am trying to do a simple CSS layout such as:

¦-------------------------------¦
¦¦-----------------------------¦¦
¦¦............(A)..............¦¦
¦¦ ¦--------------------------¦¦¦
¦¦ ¦...(B)..¦.......(C).......¦¦¦
¦¦ ¦--------------------------¦¦¦
¦¦.............................¦¦
¦¦-----------------------------¦¦
¦...............................¦
¦-------------------------------¦

A: Variable width block: (100% of viewport)

B: Fixed width block, float: left;

C: Variable width block, float: left; (100% of space between the right margin of 'B' and the right margin of 'A').

How do I do this? If I declare 'C''s width as 100% it renders (correctly) as 100% of the width of 'A'. I cannot think of any way to place a variable width element to the right of a fixed width element? Ideas?

Thanks again everyone :),
Derek T Basch
One annoyed web admin.

[DrDoc]

Well, why do you need C at all? Since B is float:left, any content will fill the rest of A ..

Anyway .. you can always put B inside C .. or set C's width to auto ..

[dbasch]

Your right dude!. I wasn't allowing C to auto fill its container because I was floating it left. Once again I over complicate the hell out of it :(
Thanks,
Derek