Hi all, mightychurch.com/ has this really cool Expression Engine CMS / forum, and there's a lot I like about this site. But one thing in particular grabbed me. What's going on with the abstract header image? (Nice design BTW). It does not look like some sort of repeating png doing the repeat X trick (See how much I've learned about CSS! ) but something else is going on to make it "stretchy" and I think it mainly stretches in the middle. Any way I can replicate that for a SMF forum I'm trying to style? Edit to add: Also considering the header image... how wide is too wide. EG: mightychurch.com uses a header image that is 1300 px wide! Is that too wide? Also, there doesn't appear to be a LOT of fancy CSS on the header... I looked it up in Firebug and it just says...
They seem to have just made the image like that: http://mightychurch.com//images/mightychurch/header.jpg There CSS seems to be telling the img element to fill up 100% of the space of it's container and that the img element can't be any less then 1300px wide.
There is just a 1300x135px image and the min width is set to 1300 so if the browser window is resized the image keep the width to 1300px. Use same css to get this result on your forum : #header img { min-width:1300px; width:100%; } img { border:0 none; } Code (markup):