[dreadfear]

  <div id="menuContainer">

			<div id="menuBar">

<?PHP 
php removed for security purposes
?>
				</div>
			</div>

menuContainer

#menuContainer

{

	width: 880px;

	margin: 0px auto;

	position:relative;

	background-image: url(../images/image.gif);

	background-repeat: repeat-y;

	overflow:hidden;

	height:50px;
	padding-bottom:30px;

}

menubar

#menuBar

{

width: 880px;
margin: 0px auto;

}

I cant use padding, or margines to center it. And the php is security measure to display images based on permissions. So i cant do anything in there either, not that i can think of any.

So how do i center the images in the middle of the container?

Thanks for any help

EDIT:

I have also used xhtml <center> tags

and also in the div tags added align="center"

With no success

This post has been edited by dreadfear: 20 June 2009 - 07:54 AM

[BetaWar]

Well, you are saying position: relative in your CSS, so the CSS is expecting you to tell it where to put the object. I believe that if you remove that it will work better (maybe not perfect depending on browser, but better).

Hope that helps.

[CamoDeveloper]

Have you tried :

#menuBar
{
  margin-left:auto;
  margin-right:auto;
}

OR

#menuBar
{
  margin-left:300px;
  margin-right:300px;
}

Setting the actual margins will help center it. I did 300px on each side since your width in the outer DIV is 880px. I don't know how big your images are so I gave some room.

Hope this helps!

~Camo

[dreadfear]

Neither work.

I have two rows of images inside the container.

So i cant use margin-left or margin-right

and removing position relative didnt help

Thanks though



An image of what im getting, and what im trying to acheive

[RudiVisser]

Don't use <center> nor <div align="center"> they're bad!

Anyway, perhaps I'm missing the obvious, but it works perfectly fine with a normal text-align statement.

[Ryanmiller]

Try adding

text-align: center;

to #menuContainer

[zippp]

why are you using two IDs with the same size? width: 880px;? i don't see nothing helpful!