2 replies to this topic

[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 by pioneerx01, 06 November 2012 - 07:52 PM.

[Volter9]

To parent you're setting this properties:

#parent {

margin: 0 auto; /* Auto working only in W3C browsers, no IE, sorry <img src='http://forums.phpfreaks.com/public/style_emoticons/<#EMO_DIR#>/sad.gif' class='bbc_emoticon' alt=':(' /> */

}

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

Edited by Volter9, 06 November 2012 - 10:10 PM.

[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!