Question: Dynamic Background and top header.

[MrCarioca]

Hello guys,

I was wondering if you guys could answer me with 2 questions please:

1) How big does the dynamic background has to be? I will be putting an image on the background which I want to show up at all pages using Photoshop ( just plain black with some lines) so what would be the best size without having "loops".

2) I was also wondering how Rotten Tomatoes had it top banner wide. (but it isn't a picture) I circled it to show it.. ( I looked up the files and I noticed that it isn't a background picture) While the website still has another background. Notice how it isn't in a table or isn't part of a big picture.

Sorry if I didn't explain myself too well

Thank you so much for your time.

 

[conor]

What I suspect they have done is put a picture in the middle and then have two other pictures repeating on the sides. This is a typical design technique that ensures the image stays the same on all resolutions. This is how it would be achieved:

<div id="container">
  <div id="header">&nbsp;</div>
</div>

And the CSS:

body{ margin:0;padding:0;text-align:center }
#container{ height:20px;background:url(container.png) repeat-x )
#header{ margin:0 auto;height:20px;width:900px;background:url(header.png) no-repeat }

 

[emopoops]

no dont do that.

 

[Modern_Media]

http://images.rottentomatoes.com/images_REDESIGN/template/header_grass_bg.gif

without picking the site apart - I'm assuming they are using absolute (maybe relative) positioning of their logo in a .png or .gif

That's what makes CSS such a valuable tool to use!

 

[wetgravy]

modern hit this one on the head. it's just a repeating graphic in the body and the header lines up with it.