[css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Kevin Cannon
Hey guys,

I'm no spring onion when it comes to CSS, but creating this has me stumped.
It's a centered layout, but with columns stretching out to the left edge.

http://www.multiblah.com/exps/css/centered_left/left.html

Is that possible to do that with CSS at all? I'm struggling to figure out how.
Also, those rows, need to be flexible in size.

If anyone has any ideas, or approaches I could try, I'd love to hear them.

Thanks,

- Kevin

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Kristina Floyd

Hi Kevin

Kevin Cannon wrote:

http://www.multiblah.com/exps/css/centered_left/left.html


Do you have a screen shot online to demonstrate what you are trying to 
achieve?


Do you know how big the left column will 'always' be?

 I'm no spring onion when it comes to CSS, but creating this has me 
stumped.

 It's a centered layout, but with columns stretching out to the left edge.
I'm a little confused about what you mean by 'stretching out to the left 
edge' and be centered.


Cheers now
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Christian Montoya
Kevin:

The site you gave does it really poorly. This is very easy to do with
divs... you just put the fixed div inside the stretched div. Let me show
you:

 div style= width:100%;  

 div style= width: 550px; position:relative; left:50%; margin-left:-275px;
 

content

 / div  / div

See what it does?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Kevin Cannon
Kristina,

The HTML I posted is what I want it to look like. 
(minus the red borders, which are just to show the tables)

The 'left column' has to stretch to fill the space. The actual content, that's
750px wide, should always be centered, and the colours on the left adjusting
to fill the space.

That's the real challenge. If I could set it to be a specific size It's
definately doable.

Thanks,

- Kevin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Kevin Cannon
Hi Jim,

That's almost there. The challenge i'm facing is how to get the rows to go
flush to the left edge. What you've done there has got everything spot on up
to that point. Do you think there's any way to persuade the those rows, to go
flush to the left edge?

Cheers,

- Kevin

On Fri, Sep 23, 2005 at 06:33:25AM -0700, Jim Davis wrote:
 Kevin,
 
 Here is my approach:
 http://www.jimdavis.org/test/locked_left.htm
 
 View source to see the css.
 
 Note that a 100% wide div with borders left and right will force a
 horizontal scroll bar in FF and IE 6 in standards mode. Thus the need for
 slightly less than 100% width if borders are used.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Jim Davis
Kevin,

The rows will go flush to the left and right if the borders are removed and
the width is changed from 99.8% to 100%. Perhaps I don't understand you
design objective.

Jim

On 9/23/05, Kevin Cannon [EMAIL PROTECTED] wrote:

 Hi Jim,

 That's almost there. The challenge i'm facing is how to get the rows to go
 flush to the left edge. What you've done there has got everything spot on
 up
 to that point. Do you think there's any way to persuade the those rows, to
 go
 flush to the left edge?

 Cheers,

 - Kevin

 On Fri, Sep 23, 2005 at 06:33:25AM -0700, Jim Davis wrote:
  Kevin,
 
  Here is my approach:
  http://www.jimdavis.org/test/locked_left.htm
 
  View source to see the css.
 
  Note that a 100% wide div with borders left and right will force a
  horizontal scroll bar in FF and IE 6 in standards mode. Thus the need
 for
  slightly less than 100% width if borders are used.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

2005-09-23 Thread Kevin Cannon
On Fri, Sep 23, 2005 at 07:34:02AM -0700, Jim Davis wrote:
 Kevin,
 
 The rows will go flush to the left and right if the borders are removed and
 the width is changed from 99.8% to 100%. Perhaps I don't understand you
 design objective.

I didn't explain well.

You haven't got a background color on the left 'columns'

I need to put a bg colour in there, at the moment you've got them transparent,
whereas on mine they were white and grey.

- Kevin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/