I have a DIV with other DIVs in side it.

I would like to center the contents of the outside DIV so that the two DIVs inside it are centered (preferably without their contents being centered).

I used text-align: center; on my wrapper DIV which created the required effect in IE but not in FF.

I also set the background to blue so I could see it but that doesnt show up in FF either.

This is my DIV which I would like the DIVs inside to be centered:

#other-wrapper {
height: 100%;
width: 100%;
align: center;
text-align: center;
background-color: #3300FF;
}

http://londonlabs.co.uk/test/dave/index.htm
http://londonlabs.co.uk/test/dave/styles.css

Thanks

Sorry was this fixed?
im having the same problem with a site im doing http://dansgalaxy.co.uk/ipme looks (dare i say) perfectly lined up how i want but in FF all not right Lol.

If you fixed this please tell me how! if not someoe else help!

Thanks
Dan

The rule align: center is invalid.
Set the margins on the interior divs to margin: 0 auto; to center them inside #wrapper.

Many thanks.

what am i missing?...

http://dansgalaxy.co.uk/ipme still looks fine in IE7 and not right in FF...
What am i missing >< http://dansgalaxy.co.uk/ipme/style.css heres the CSS.


Thanks
Dan

Validate your code, Dan, you have 2 critical code warnings - unclosed divs.

ok, why didnt i think!. (no comment needed)

Ill have to remember to do that at home.

Thank LNR

Dan