Center Div Within Div And Stll Float Them

[pioneerx01]

I am trying to get a simple menu to have few item next to each other in the row, but still be centered with the page.

 

<div ID="parent">

<div ID="child">Menu Item 1</div><div ID="child">Menu Item 2</div><div ID="child">Menu Item 3</div>

</div>

 

How would I CSS that? I am having issues centering them on the page and keeping them next to each other at the same time.

Thanks

Edited November 7, 2012 by pioneerx01

[Volter9]

To parent you're setting this properties:

 

#parent {

margin: 0 auto; /* Auto working only in W3C browsers, no IE, sorry  */

}

 

To fix it in IE, you should to wrap parent div with <table align="center">

Edited November 7, 2012 by Volter9

[Drongo_III]

I am trying to get a simple menu to have few item next to each other in the row, but still be centered with the page.

 

<div ID="parent">

<div ID="child">Menu Item 1</div><div ID="child">Menu Item 2</div><div ID="child">Menu Item 3</div>

</div>

 

How would I CSS that? I am having issues centering them on the page and keeping them next to each other at the same time.

Thanks

 

As above. Set the parent div to be

 

margin: 0px auto;

 

And it most definitely does work in IE!