Welcome to WebmasterWorld Guest from 54.161.110.186

Forum Moderators: not2easy

Message Too Old, No Replies

More 100% width fun!

     
8:27 pm on Feb 7, 2003 (gmt 0)

10+ Year Member



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.

9:08 pm on Feb 7, 2003 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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 ..

10:02 pm on Feb 7, 2003 (gmt 0)

10+ Year Member



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
 

Featured Threads

Hot Threads This Week

Hot Threads This Month