Centering a DIV tag while having it's "position: absolute;" to contain other elements?

Question

Is it possible?

Example:
This centers:

This doesn't

But I need the purple box to be absolute so I can define other elements within it relative to it's position.

*lol* Thanks Rex.

I am so sick of css not being implimented properly.

I am having problems on the other webpage I did with scrollbars. IE places them within the div where they should be properly no matter what. But Netscape and firefox in windows place nudge them outside of the div if I try to use padding/margins, etc to make a space around the text.

And on the newest version of Firefox for the mac sometimes for no reason allows the text to go under the scroll bar -real helpful because I am sure that is a feature everyone wants: unreadable text!

I am begining to wonder why all the fuss about divs and what was wrong with tables.

Answer 1

Hello again Mystic, hope everything is going well.

That is an extremely difficult problem due to the way most browsers (like IE and Firefox) implement the CSS standard for block element margins. Ultimately, the easiest solution is probably to figure out a different way to lay out your elements in code to achieve the same visual style.

There is a kind of hack that works on most platforms, but a side effect is that it breaks the inner box out of the flow of the outer box; in order for the outer box to stretch to the max allowable width, instead of a static specified width, it cannot automatically wrap around the height of the inner DIV:

Answer 2

i will say in fact, it is centered. by placing an absolute positioned item in the center, it will center the inner div's "position". that means the top left corner of that div will be centered. if you add a left positioning to the style at (negative) half the width of the box, you should achieve what you are trying to do. try something like:

Answer 3

I have a Corgi too !!!!