[RESOLVED] Is this possible?

[grimmylina]

So....the people I work for have changed their minds about a new website...again.

And they sent me this sample of what they want...I think it looks totally horrible. The colors are ugly in my opinion and it looks a little scary....

If I am forced to do this...would the best way be to have a solid cream colored box (table or whatever) in the middle and to use that purple thing as the page background?

[opifex]

not a tricky design scheme.......
1. centered container div with the cream
2. div with the logo (or slide show?)
3. div with the content (fixed height, overflow:auto)
4. div for the nav

not a bad design

[grimmylina]

But how would you center the background though?

Ideally I’d like the background to move with the container...so if someone wants to resize the page then the background will move with it. I’ve tried a few times but can’t seem to get it right.

Try#1:

http://riverahotelsouthbeach.com/allie/

Background shifts

Try #2:

http://riverahotelsouthbeach.com/allie/index_test.html

I tried to put the container in a wrapper but you can only see the top??

[opifex]

i adapted one of my designs to your proposed layout to show an example.....

00zas.com.mx/rivierasouthbeach/index.html (http://00zas.com.mx/rivierasouthbeach/index.html)

i put background colors on the divs so you can see where they are.

works in ff, ie, safari and opera with acceptable rendering in all browsers. there are slight differences between the ie versions that can be tamed, but it's not worth the trouble.

one option for your background image is to resize it and put it as the background-image of the #content div.
another would be to repeat-y a narrow background image in #content for the side borders and add a div before the #leftcol (#top) with the top part of the back ground and a div after the #bttmbar (#bottom) with the bottom part of the image.

good luck!

[opifex]

this example uses the first method described above...

00zas.com.mx/rivierasouthbeach/index2.html (http://00zas.com.mx/rivierasouthbeach/index2.html)

by all means stay away from designing your pages with tables! tables are for data!

hope this is a reasonable example of how to adapt a design layout to html using divs.

[grimmylina]

Sorry to respond so late. Thank you very much!!!

I know.....I am trying to change to divs but it seems very daunting to learn and all that positioning scares me :eek: