homepage Welcome to WebmasterWorld Guest from 54.227.41.242
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
More 100% width fun!
dbasch




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

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




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

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




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved