[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 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/


[css-d] vertical scroll bar shifted in IE

2006-10-17 Thread hv @ Fashion Content
Is it the 3px monster that shifts the scrollbar under the outer edge?

I have a fairly simple two floated column layout in a div wrapper. I tried 
removing the margins from the wrapper div, but that made no difference.

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/