Re: [css-d] Centering a CSS positioned design

2006-06-16 Thread Els
[EMAIL PROTECTED] wrote: [extend background colour to bottom of page] >> It would do that automagically if it weren't for the absolute >> positioning. > > Yep. So is my choice just to reposition everything with > relative positioning? To give an element position:relative, means to give it a posit

Re: [css-d] Centering a CSS positioned design

2006-06-16 Thread css
On Fri, Jun 16, 2006 at 02:38:00PM +0200, Els wrote: > How did you colour your page before it was centered? > The problem with absolute positioning, is that you are taking the > elements out of the normal flow, thus leaving its parent > virtually empty. And an empty container doesn't gain any hei

Re: [css-d] Centering a CSS positioned design

2006-06-16 Thread Els
[EMAIL PROTECTED] wrote: > On Fri, Jun 16, 2006 at 12:16:03PM +0100, [EMAIL PROTECTED] wrote: >> Ok, I've tried that. I've also used the container to give a >> background colour of white for the content area, where the >> main body background will be grey. This hasn't been entirely >> successful; I

Re: [css-d] Centering a CSS positioned design

2006-06-16 Thread Kim Finleyson
> Ok, I've tried that. I've also used the container to give a background > colour of white for the content area, where the main body background > will be grey. This hasn't been entirely successful; I guess I have to > set a fixed height, as not setting one meant the white background > wasn't se

Re: [css-d] Centering a CSS positioned design

2006-06-16 Thread css
On Fri, Jun 16, 2006 at 12:16:03PM +0100, [EMAIL PROTECTED] wrote: > Ok, I've tried that. I've also used the container to give a > background colour of white for the content area, where the > main body background will be grey. This hasn't been entirely > successful; I guess I have to set a fixed

Re: [css-d] Centering a CSS positioned design

2006-06-16 Thread css
On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote: > Just make a div with id="container" to hold all that's inside > now, give it position:relative, and all that was > previously absolute positioned to the viewport, will now be > relative to the container. (no need to change any of the absolu

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Gunlaug Sørtun
[EMAIL PROTECTED] wrote: > http://www.wdam.co.uk/clients/dynam/hh/ > > I didn't post it at first as I didn't want it to look like I'm asking > you to do my homework for me; I'd rather grasp the concept than copy > parrot fashion. Good thinking :-) > That said, I do need to fix it rather fast!

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Els
Scott Reston wrote: > I'm wondering - wouldn't it work to simply set the width of > the body appropriately, then set it's left and right margins > to "auto"? And give it position:relative, yes :-) > Same effect without any extra non-semantic cruft. > > This just off the top of my head, so YMMV.

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Scott Reston
I'm wondering - wouldn't it work to simply set the width of the body appropriately, then set it's left and right margins to "auto"? Same effect without any extra non-semantic cruft. This just off the top of my head, so YMMV. -- s:r { scott reston raleigh, nc http://scott.therestons.com

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread css
On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote: > [EMAIL PROTECTED] wrote: > > So... My idea is to make a container class for it all, and then > > to have everything positioned relative rather than absolute. > > And centre the containing class. > > Just make a div with id="container" to hold

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Els
Dave Goodchild wrote: > To centre in the browser there are two main ways, either use > the IE heck (text-align: center then text-align: left etc) > but I prefer using relative positioning and negative margins > - example: > > #wrapper { > width: 740px; > position: relative; > left: 50%; > margin-le

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Els
[EMAIL PROTECTED] wrote: > Having spent ages learning how to position stuff in CSS and > getting it meticulously right (using the nice hack that I was > pointed at to get IE to behave, too) the client has now said > "Oh, can you make the content centre in the browser?" > > ARGH! If I was still usin

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Dave Goodchild
On 15/06/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > On Thu, Jun 15, 2006 at 11:12:49AM +0100, Dave Goodchild wrote: > > Can you give me the URL? > > Course! > > http://www.wdam.co.uk/clients/dynam/hh/ > > I didn't post it at first as I didn't want it to look like I'm > asking you to do my

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread css
On Thu, Jun 15, 2006 at 11:12:49AM +0100, Dave Goodchild wrote: > Can you give me the URL? Course! http://www.wdam.co.uk/clients/dynam/hh/ I didn't post it at first as I didn't want it to look like I'm asking you to do my homework for me; I'd rather grasp the concept than copy parrot fashion. Th

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Dave Goodchild
On 15/06/06, Flash Wilson <[EMAIL PROTECTED]> wrote: > > On Thu, Jun 15, 2006 at 11:01:05AM +0100, Dave Goodchild wrote: > > > To centre in the browser there are two main ways, either use the IE > heck > > > (text-align: center then text-align: left etc) but I prefer using > relative > > > position

Re: [css-d] Centering a CSS positioned design

2006-06-15 Thread Dave Goodchild
On 15/06/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > Having spent ages learning how to position stuff in CSS and getting > it meticulously right (using the nice hack that I was pointed at > to get IE to behave, too) the client has now said "Oh, can you > make the content centre in the brow

[css-d] Centering a CSS positioned design

2006-06-15 Thread css
Having spent ages learning how to position stuff in CSS and getting it meticulously right (using the nice hack that I was pointed at to get IE to behave, too) the client has now said "Oh, can you make the content centre in the browser?" ARGH! If I was still using tables for layout this would be