Variable Screen Resolution Centring Options

[HeartOfPandora]

I've seen a lot of layouts on CB that I like, but I'd like them a lot more if they were centred in my screen resolution (1280x800). It just looks funny to have a layout on the left of my screen when it's in the centre of a smaller resolution. I understand that those people are centring for 800x600, but it ain't that hard to centre it for all screen resolutions. Professional websites do it, loads of people on CB do it, hell even I do it when the layout calls for it (and I'm really lazy).

I dunno, I'm just whining about something I think every coder should know, I guess. It's 2am *lol*, what do you expect?

Not that hard to centre things, really. Take a 400x200 image banner:

CODE

#class {
position: absolute;
left: 50%;
margin-left: -200px;
...
}

Bam, it's in the centre of every screen. :] Putting something directly in the centre of a screen is easy, just set "left:;" to 50% and "margin-left:;" to exactly half of the width of whatever you're centring. You'd have to play around with the margin a bit more for things that are to the left or to the right of the centre line, but all you have to do is increase or decrease it depending on which side you want it to go to. Check for major browser compatibility (IE, Firefox, Opera...) and you're set!

Enough sleepy ramblings, anyone out there agree or are ya'll sleeping?

Reason for edit: Use [code] not [codebox] for smaller codes. Thanks. :) - Gabi

[fixtatik]

i was sleeping, but i'm with you 100% on this. it's not even just for centering layouts, though; it's the whole concept of the code that's making their layout. too many people just copy & past from a generator, slap on an image they found in google (or added some slanted lines in their stolen photoshop), and call it a masterpiece.

then again...even if you teach people how to center a layout, they'll still do it the wrong way. or they'll use two different percentages and wonder why when their screen isn't maximized their layout shoots in every which way.

and as far as myspace goes, i dread the day when myspace decides to switch to web standards instead of garbled HTML. hell's gonna break lose.