[css-d] faux column with a mix of fixed and undefined width columns

2006-10-17 Thread hv @ Fashion Content
In classic GUIs it is quite easy to do what I aim for, but I don't recall 
ever figuring out how to do it in css.

div id=container
  div id=text
  lots of text paragraphs
  /div
  div id=right
 fixed width column of icons and indicators
  /div
/div

I wish container to get 100% width, right to get say 10em width and text to 
get 100% - 10em width.

Hmm, I think I once got tables to behave like that. Would some display:table 
do the trick?

Henrik 



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/


Re: [css-d] faux column with a mix of fixed and undefined width columns

2006-10-17 Thread Shelly
 div id=container
   div id=text
   lots of text paragraphs
   /div
   div id=right
  fixed width column of icons and indicators
   /div
/div
I wish container to get 100% width, right to get say 10em width and text 
to get 100% - 10em width.

How about doing something like your container at 100% width with a right 
padding of 10em, then your text at 100% width, and your right div 
being 10em wide with the margin pushing it past the outer edge of the 
container?  Something like that?

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/


Re: [css-d] faux column with a mix of fixed and undefined width columns

2006-10-17 Thread hv @ Fashion Content
Found the answer (guess I had forgotten some float basics)

put right column before text, and define right with float right and text 
with no float or width but with a 10em margin.

 In classic GUIs it is quite easy to do what I aim for, but I don't recall 
 ever figuring out how to do it in css.

 div id=container
  div id=text
  lots of text paragraphs
  /div
  div id=right
 fixed width column of icons and indicators
  /div
 /div

 I wish container to get 100% width, right to get say 10em width and text 
 to get 100% - 10em width.

 Hmm, I think I once got tables to behave like that. Would some 
 display:table do the trick?

 Henrik


 __
 css-discuss [EMAIL PROTECTED]
 http://www.css-discuss.org/mailman/listinfo/css-d
 IE7b2 testing hub -- 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/
 



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/