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 Sent from my mobile On 5 May 2012, at 00:50, Todd Howe <[email protected]> wrote: > Hi, I'm new ;) > > I got directed here by one of the Wordpress forum mods, which was great > because I'm signed up for a CSS course starting any day now, and I'm > sure I'll get a lot out of the discussion. > > In the meantime, here's something that's been a continual thorn in my > side. Maybe there's a simple fix, but I haven't found it yet! > > When I first put together collagegallery.org, I was asked to try to > replicate a page that had been generated on some Mac program that > generates almost 100% javascript, and being a bit of a novice to > WordPress, I just picked the closest WordPress template I could find and > adjusted it a bit here and there. > > The CSS wasn't commented though, and since then I've never been able to > figure out how to get things centered properly on the front page for all > screen sizes. They're too far to the left when x>~1280, too far to the > right when x<~1280 > > I think it has something to do with how I'm using percentages to try and > accommodate all screen sizes. But, erm, help? > > I've pasted the relevant (?) chunk of CSS, below. I've also pasted the > full CSS here: http://pastebin.com/m9mVibtE > > body { > background: #000000 url("images/texture_background.jpg") repeat > scroll center top; font-family:"Trebuchet MS",sans-serif; > text-align:center; > } > > /* #fixed { > width:80; /* you can use px, em or % > text-align:left; > } */ > > > #wrapper { > margin-left: auto; > margin-right: auto; > position:relative; > text-align:center; > } > > Thanks! > > -- > -____ Todd Howe ____________________ [email protected] ____- > -____ gpg public key id E8BCABA7__tehowe on skype or twitter ____- > > > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
