CSS positioning question

[ElDonAntonio]

I'm rather new to using CSS to completely design my web pages.

I have various elements (text, images) inside a div. I'm using relative positioning to shift some of these elements up (for example, shifting up text to overlay it over an image). It all works very nicely, but the containing div takes up as much space as it would if I had not shifted up my elements. So I end up with empty space at the bottom for nothing.

Anyone knows how to fix this?

 

[drebo]

What is it, exactly, you're trying to do?

From your description, what I would do is to make the image the "background" of the DIV and then you'll be able to position whatever text over it you'll need.

But, really, without more information, your post could mean almost anything.

 

[Snapster]

Absolute positioning will probably work better for you as it doesn't leave the space where the item used to be before it was moved. Set the containing div to position relative, then the children as absolute.

 

[TruePaige]

Hmm...you might want to read up on floats.

You can position without much need to create bulky divs or worry much with a good handle on floats.

Remember when positioning within DIVs that that the positioning is relative to the DIV it is within.

Here is a good tutorial:
http://css.maxdesign.com.au/floatutorial/

 

[jjones]

I'm with drebo in that it sounds as if the image would best be used as a background since the text is overlaying it.