how to center a wider-than-browser banner graphic?

Both of your (graphixboy and joebert) solutions above work, but I think I'll go with graphixboy's because it doesn't require typing in content that has to be hidden. Maybe on some obscure browser that text will show up and it would be better if it didn't. Or, maybe, having that text there is better for SEO, so who knows.

If any of you know why one is better than the other, please let me know.

(P.S. I'm amazed at how helpful you all are. Thank you so much. These forums, or rather the people in the forums, are great.)

Check it out, it works in both IE and Firefox:
http://xona.com/

(Next I should split the banner in to and link the bottom part to the game page.)

Looks good. Joebert's example would actually be useful for mobile users (text would show for them), but doesn't look like that's really a concern judging by the large header. Because of that use, I don't think it would count against SEO.

Just for grins, you could also swap the text for an ' ' and not have to worry about text showing when you have a container that needs something, just anything, inside of it (collapsing divs is a perfect example). However, I do like to try and avoid '!important' when possible as you never know what changes are coming down the pipe to CSS.

Then again, joebert usually knows something I don't.

Thanks. You guys are great. I'm not a superb web developer, I just want a website that attracts attention to my game, but is really nothing more than a tech blog. I think the banner alone accomplishes this without needing to redesign the site all "game-like". I don't think people expect too much from indie game dev websites (hopefully).

Another idea I had, was using a youtube video (resized smaller) as a part of the header of the site. Is that a bad idea? I'll tell you why it's a good idea: It increases views of the video significantly, and also (if the video shows game play right off the bat) showcases the game immediately for what it is.

If you scroll to the bottom of http://xona.com/ (or visit http://matthewdoucette.com/) you can still see the banner where I did this before. What do you think of that idea?

I dont think it is possible as you want the website to not introduce a left-right scroll bar.

I meant only due to the 1280px wide header graphic, and it's working!

UPSGuy: I didn't need to have clickability for my header, I just needed to know how to center a logo 1600 px wide on a 1024 px screen in CSS. Thanks a million for posting your solution, it worked great for me.

I'm trying to do the same as the OP but with a javascript fading slideshow.

Please see website: .archivedepartment.


Does anyone know if its possible?

Thanks,
spacex