[css-d] Centered Layout + attached to left edge. Possible with CSS at all?
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?
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?
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?
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?
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?
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?
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/