css column layout

[Yofnik]

Hello All,
If this is not the appropriate group for this post, please point me in
the right direction.

I am trying to create a layout that has three main columns. The
primary content is the left most column. The width of this should be
variable depending on the size of the browser window. The middle and
right columns should have a fixed width of 200 pixels. I can get the
middle and right columns working as expected. I can't figure out how
to make the first column change with the browser size. If I use a
width of 60% it almost works, but when the browser window is small,
the third column wraps around and appears way down at the bottom.

Is there some way to make the width of the first column simply "the
remainder". For example:
<div style="float: left; width: remainder">
main content
</div>
<div style="float: left; width: 200px">
middle column
</div>
<div style="float: rigth: width: 200px">
left column
</div>
Any suggestions? Thanks!

[Dr J R Stockton]

In comp.lang.javas cript message <117794ba-9dd9-4e28-ae19-10eafdd778a7@s1
2g2000prg.googl egroups.com>, Thu, 3 Jan 2008 17:57:37, David Mark
<dm***********@ gmail.composted :

>Rhetorical :
What proportion of coders could lay out a 7-segment display as a Table?
What proportion of coders could lay out a 7-segment display in pure CSS?
I can say only that the former is not zero but the latter might be.

The number of columns (if that is what you mean by segment) doesn't
really complicate things, though more than 3 would seem a bad idea for
a Web page. Assuming such a layout were needed, I would advise
against using a table to render it as it would be virtually unusable
on mobile devices. On the other hand, using CSS positioning, it is
trivial to turn it into a single-column layout with a handheld style
sheet.

(1) It was rhetorical!
(2) I think you misunderstood - see <http://en.wikipedia.org/wiki/Seven-
segment_display and <$$7seg.htm>.
(3) E-mail in hand.

--
(c) John Stockton, Surrey, UK. *@merlyn.demon. co.uk / ??*********@phy sics.org
Web <URL:http://www.merlyn.demo n.co.uk/- FAQish topics, acronyms, & links.
Correct <= 4-line sig. separator as above, a line precisely "-- " (SoRFC1036)
Do not Mail News to me. Before a reply, quote with ">" or "" (SoRFC1036)

[David Mark]

On Jan 5, 11:56*am, Dr J R Stockton <[e-mail] mon.co.ukwrote:

In comp.lang.javas cript message <117794ba-9dd9-4e28-ae19-10eafdd778a7@s1
2g2000prg.googl egroups.com>, Thu, 3 Jan 2008 17:57:37, David Mark
<dmark.cins...@ gmail.composted :

Rhetorical :
What proportion of coders could lay out a 7-segment display as a Table?
What proportion of coders could lay out a 7-segment display in pure CSS?
I can say only that the former is not zero but the latter might be.

The number of columns (if that is what you mean by segment) doesn't
really complicate things, though more than 3 would seem a bad idea for
a Web page. *Assuming such a layout were needed, I would advise
against using a table to render it as it would be virtually unusable
on mobile devices. *On the other hand, using CSS positioning, it is
trivial to turn it into a single-column layout with a handheld style
sheet.

(1) It was rhetorical!

I know. That's why I didn't answer it.

(2) I think you misunderstood - see <http://en.wikipedia.org/wiki/Seven-
segment_display and <$$7seg.htm>.

I did misunderstand. But I would implement that with positioned
elements as well.

[Randy Webb]

Dr J R Stockton said the following on 1/5/2008 11:56 AM:

In comp.lang.javas cript message <117794ba-9dd9-4e28-ae19-10eafdd778a7@s1
2g2000prg.googl egroups.com>, Thu, 3 Jan 2008 17:57:37, David Mark
<dm***********@ gmail.composted :

>>Rhetorical :
What proportion of coders could lay out a 7-segment display as a Table?
What proportion of coders could lay out a 7-segment display in pure CSS?
I can say only that the former is not zero but the latter might be.

The number of columns (if that is what you mean by segment) doesn't
really complicate things, though more than 3 would seem a bad idea for
a Web page. Assuming such a layout were needed, I would advise
against using a table to render it as it would be virtually unusable
on mobile devices. On the other hand, using CSS positioning, it is
trivial to turn it into a single-column layout with a handheld style
sheet.

(1) It was rhetorical!
(2) I think you misunderstood - see <http://en.wikipedia.org/wiki/Seven-
segment_display and <$$7seg.htm>.

If you wrap URLs in URL tags, they won't get wrapped.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/