Thanks for the responses, the issue was in fact fixed (mostly) by
setting a width for what looks like the innermost of three nested
wrappers. And commenting out a lot of other cruft besides.

I'd assumed that wrappers would kind of shrink wrap themselves to the
same horizontal size as content if you didn't specify a width, and
figure out how to centre themselves eg; [[[ content here ]]] but
apparently that's not the case.

Strangely there's still 40px of whitespace on the left side of the
viewport I never asked for, and some between the first and second cells
of the three-cell table centred in the middle. Do instances of
mysterious extra space around divs and cells sound like a common problem
or something that needs to be rooted out of the CSS?

The links again were the front page of http://collagegallery.org and the
CSS is http://pastebin.com/m9mVibtE

Best;
-- 
-____ Todd Howe ____________________ [email protected] ____-
-____ gpg public key id E8BCABA7__tehowe on skype or twitter ____-


> Date: Fri, 04 May 2012 20:53:33 -0700
> From: David Hucklesby <[email protected]>
> To: [email protected]
> Subject: Re: [css-d] Centering Variable Width Page Items
> Message-ID: <[email protected]>
> Content-Type: text/plain; charset=UTF-8; format=flowed

[...]

> A bit tough without the HTML, but I'm guessing. I think you want a width
> on #wrapper for the auto margins to center it. You likely want
> text-align: left; on there instead of text-align: center; as well.
> 
> If this is BS, kindly give a link to a live example.
> -- 
> Cordially,
> David
> 
> 

> Date: Sat, 5 May 2012 14:53:25 +0100
> From: Barney Carroll <[email protected]>
> To: Todd Howe <[email protected]>
> Cc: "[email protected]" <[email protected]>
> Subject: Re: [css-d] Centering Variable Width Page Items
> Message-ID: <[email protected]>
> Content-Type: text/plain;     charset=us-ascii
> 
> So effectively, you wish to make #fixed variable? ;)
> 
> The trick to this is to set a max-width in combination with margin-left and 
> -right set to auto. See barneycarroll.com for a working example: the content 
> is never wider than the viewport, but remains centred on wider screens.
> 
> Regards,
> Barney Carroll

Attachment: signature.asc
Description: This is a digitally signed message part

______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to