HighDots Forums  

simple problem: non-jumping blocks

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss simple problem: non-jumping blocks in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
axlq
 
Posts: n/a

Default simple problem: non-jumping blocks - 09-09-2007 , 01:13 AM







I know this is a simple problem but it bedevils me.

I'd like to have a container with two columns with the following
properties:

1. Both columns dynamically adjust their width to fit their
contents, with the total width of both columns completely filling
the width of the container block.

2. When the browser window gets narrow, the column blocks should stay
side-by-side and not jump one below the other.

3. If one column has less information vertically than the other, the
column with more information won't wrap its text under the column
with less information.

4. If the width of one column is defined narrower than whatever I
put in it, the column block adjusts its width to fit throughout the
entire height of the container block that holds both columns.

A table having 1 row and 2 cells do exactly that. I'd like to
duplicate that behavior with CSS because I suspect using tables
is messing up something else unrelated to this problem. I'm not
displaying tabular data here, so I don't need tables, but the column
behavior I want is sure easy to get using tables. I can get some of
the above behavior with CSS but not all of it. Any suggestions?

-A

Reply With Quote
  #2  
Old   
axlq
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-11-2007 , 05:37 PM






Anyone...? Just wondering how it's possible to replicate the
dynamic behavior of table columns using CSS without tables.
-A

In article <fbvvdk$32j$1 (AT) blue (DOT) rahul.net>, axlq <axlq (AT) spamcop (DOT) net> wrote:
Quote:
I know this is a simple problem but it bedevils me.

I'd like to have a container with two columns with the following
properties:

1. Both columns dynamically adjust their width to fit their
contents, with the total width of both columns completely filling
the width of the container block.

2. When the browser window gets narrow, the column blocks should stay
side-by-side and not jump one below the other.

3. If one column has less information vertically than the other, the
column with more information won't wrap its text under the column
with less information.

4. If the width of one column is defined narrower than whatever I
put in it, the column block adjusts its width to fit throughout the
entire height of the container block that holds both columns.

A table having 1 row and 2 cells do exactly that. I'd like to
duplicate that behavior with CSS because I suspect using tables
is messing up something else unrelated to this problem. I'm not
displaying tabular data here, so I don't need tables, but the column
behavior I want is sure easy to get using tables. I can get some of
the above behavior with CSS but not all of it. Any suggestions?

-A



Reply With Quote
  #3  
Old   
dorayme
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-11-2007 , 05:44 PM



In article <fc71q9$q2c$1 (AT) blue (DOT) rahul.net>,
axlq (AT) spamcop (DOT) net (axlq) wrote:

Quote:
I'd like to
duplicate that behavior with CSS because I suspect using tables
is messing up something else unrelated to this problem. I'm not
displaying tabular data here, so I don't need tables, but the column
behavior I want is sure easy to get using tables.
If that is the reason you don't want to use tables, how about a
url to see if it is the tables that are causing you trouble.

--
dorayme


Reply With Quote
  #4  
Old   
GArlington
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-13-2007 , 09:13 AM



On 9 Sep, 06:13, a... (AT) spamcop (DOT) net (axlq) wrote:
Quote:
I know this is a simple problem but it bedevils me.

I'd like to have a container with two columns with the following
properties:

1. Both columns dynamically adjust their width to fit their
contents, with the total width of both columns completely filling
the width of the container block.

2. When the browser window gets narrow, the column blocks should stay
side-by-side and not jump one below the other.

3. If one column has less information vertically than the other, the
column with more information won't wrap its text under the column
with less information.

4. If the width of one column is defined narrower than whatever I
put in it, the column block adjusts its width to fit throughout the
entire height of the container block that holds both columns.

A table having 1 row and 2 cells do exactly that. I'd like to
duplicate that behavior with CSS because I suspect using tables
is messing up something else unrelated to this problem. I'm not
displaying tabular data here, so I don't need tables, but the column
behavior I want is sure easy to get using tables. I can get some of
the above behavior with CSS but not all of it. Any suggestions?

-A
Google for "css style three columns"...



Reply With Quote
  #5  
Old   
axlq
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-28-2007 , 10:13 PM



In article <1189689234.103009.205360 (AT) k79g2000hse (DOT) googlegroups.com>,
GArlington <garlington (AT) tiscali (DOT) co.uk> wrote:
Quote:
On 9 Sep, 06:13, a... (AT) spamcop (DOT) net (axlq) wrote:
I know this is a simple problem but it bedevils me.

I'd like to have a container with two columns with the following
properties:

1. Both columns dynamically adjust their width to fit their
contents, with the total width of both columns completely filling
the width of the container block.

2. When the browser window gets narrow, the column blocks should stay
side-by-side and not jump one below the other.

3. If one column has less information vertically than the other, the
column with more information won't wrap its text under the column
with less information.

4. If the width of one column is defined narrower than whatever I
put in it, the column block adjusts its width to fit throughout the
entire height of the container block that holds both columns.

A table having 1 row and 2 cells do exactly that. I'd like to
duplicate that behavior with CSS because I suspect using tables
is messing up something else unrelated to this problem. I'm not
displaying tabular data here, so I don't need tables, but the column
behavior I want is sure easy to get using tables. I can get some of
the above behavior with CSS but not all of it. Any suggestions?

-A

Google for "css style three columns"...
Thanks. Hmm, I suspected it wasn't straightforward. None of the
examples so far meet all my criteria but they come close.
-A


Reply With Quote
  #6  
Old   
dorayme
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-28-2007 , 10:52 PM



In article <fdkcci$83l$1 (AT) blue (DOT) rahul.net>,
axlq (AT) spamcop (DOT) net (axlq) wrote:

Quote:
GArlington <garlington (AT) tiscali (DOT) co.uk> wrote:
a... (AT) spamcop (DOT) net (axlq) wrote:

I'd like to have a container with two columns

Google for "css style three columns"...
And if he wanted 3 cols, would you tell him to google for 2 cols?

--
dorayme


Reply With Quote
  #7  
Old   
axlq
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-28-2007 , 11:15 PM



In article <doraymeRidThis-7401B2.12521629092007 (AT) news-vip (DOT) optusnet.com.au>,
dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:
Quote:
In article <fdkcci$83l$1 (AT) blue (DOT) rahul.net>,
axlq (AT) spamcop (DOT) net (axlq) wrote:

GArlington <garlington (AT) tiscali (DOT) co.uk> wrote:
a... (AT) spamcop (DOT) net (axlq) wrote:

I'd like to have a container with two columns

Google for "css style three columns"...

And if he wanted 3 cols, would you tell him to google for 2 cols?
Wouldn't a 3-column layout be modifiable to create the two columns I
need?

-A


Reply With Quote
  #8  
Old   
dorayme
 
Posts: n/a

Default Re: simple problem: non-jumping blocks - 09-29-2007 , 05:30 PM



In article <fdkg15$jka$1 (AT) blue (DOT) rahul.net>,
axlq (AT) spamcop (DOT) net (axlq) wrote:

Quote:
axlq wrote:

GArlington wrote:
axlq) wrote:

I'd like to have a container with two columns

Google for "css style three columns"...

And if he wanted 3 cols, would you tell him to google for 2 cols?

Wouldn't a 3-column layout be modifiable to create the two columns I
need?

Perhaps it would be easier to modify your average googled 3 col
to 2 col than your averaged 2 col to 3 col. If I was looking for
a 2 col I would google for 2 col first. As a first try at least.
But, clearly, someone else thinks differently. Earthling
reasoning... I have heard that most American eathlings hear
voices from the beyond, ditto in the Middle East generally...

Nothing can be done about any of this. Evolution will take care
of things.

--
dorayme


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.