DIV Layers: absolute or relative?

t3dgulyas · #1 (**permalink**) 03-24-2006, 03:02 AM

Before needing ecommerce, I could go into photoshop, make a very eye-appealing website, jump into Imageready, slice it up and export it with rollovers, animations, and anything else I needed. When the time came to add paypal to the website, Imageready does not have capabilities for any kind of advanced html. I needed to go back and re-learn all the techniques I used to know from HTML and use dreamweaver to help me do it. In the code below there are many things that still have to change. But I only have a question on one of them. I have a simple image for a bg and div tags over them for the text. The DIV tags are absolute while the image (being used for the bg) is relative. Should I make the bg image absolute or make the DIV layers relative? I know that there are major issues with Mozilla not extending the background properly but that has not even come into consideration yet. This comes first! In other words, what's the best way for me to make that text easily line up with the squares on the image? I'm also open to easier sugestions than this...I appreciate all your help, and you will be credited in my forums upon the official launch of the website.

link to troubled website: http://www.pb-clan.com

Faglork · #2 (**permalink**) 03-24-2006, 05:15 AM

Do I get you right: You really want to use this huge (250k!) image as background and want your text positioned so it will be aligned with the "boxes" outlined in the image?

Don't do that. It will be a nightmare.

Get yourself a simple 3 column CSS design, and style your DIVs as you want. Just use the "header" part of the image, and fit that snugly into a DIV sitting on top of all.

Look at this for an example:
http://glish.com/css/3.asp

hth,
faglork

t3dgulyas · #3 (**permalink**) 03-24-2006, 05:52 PM

Thanks for a good suggestion. But like I said, there are MANY things that are going to change about this website...this only took me a couple mintues to put together. The pic took me about 30 minutes...very temporary, I just don't remember any of my css *sigh, pulls out all his dusty css books from last year* All I needed was a good way to get text on there...thanks again.