School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Programming Help

Web Development



What's Here?

  • Members: 300,435
  • Replies: 826,049
  • Topics: 137,460
  • Snippets: 4,419
  • Tutorials: 1,148
  • Total Online: 1,473
  • Members: 89
  • Guests: 1,384

Welcome to Dream.In.Code
Become an Expert!

Join 300,435 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,473 people online right now. Registration is fast and FREE... Join Now!




css not centering problem

 

css not centering problem
dreadfear

20 Jun, 2009 - 06:52 AM
Post #1

D.I.C Head
**

Joined: 8 Dec, 2008
Posts: 166



Thanked: 1 times
My Contributions
CODE
  <div id="menuContainer">

            <div id="menuBar">

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


menuContainer
CODE
#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
CODE
#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 Jun, 2009 - 06:54 AM

User is offlineProfile CardPM
+Quote Post


BetaWar

RE: Css Not Centering Problem

20 Jun, 2009 - 07:17 AM
Post #2

#include <soul.h>
Group Icon

Joined: 7 Sep, 2006
Posts: 4,729



Thanked: 269 times
Dream Kudos: 1400
My Contributions
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.
User is offlineProfile CardPM
+Quote Post

CamoDeveloper

RE: Css Not Centering Problem

20 Jun, 2009 - 07:19 AM
Post #3

D.I.C Head
Group Icon

Joined: 12 Jun, 2009
Posts: 204



Thanked: 12 times
Dream Kudos: 200
My Contributions
Have you tried :
CODE

#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
User is offlineProfile CardPM
+Quote Post

dreadfear

RE: Css Not Centering Problem

20 Jun, 2009 - 07:34 AM
Post #4

D.I.C Head
**

Joined: 8 Dec, 2008
Posts: 166



Thanked: 1 times
My Contributions
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

IPB Image

An image of what im getting, and what im trying to acheive
User is offlineProfile CardPM
+Quote Post

RudiVisser

RE: Css Not Centering Problem

22 Jun, 2009 - 09:22 AM
Post #5

.. does not guess solutions
Group Icon

Joined: 5 Jun, 2009
Posts: 1,872



Thanked: 137 times
Dream Kudos: 125
Expert In: PHP, MySQL, HTML, CSS, C#

My Contributions
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.
User is offlineProfile CardPM
+Quote Post

Ryanmiller

RE: Css Not Centering Problem

22 Jun, 2009 - 03:14 PM
Post #6

New D.I.C Head
*

Joined: 20 Jun, 2009
Posts: 16


My Contributions
Try adding

text-align: center;

to #menuContainer
User is offlineProfile CardPM
+Quote Post

zippp

RE: Css Not Centering Problem

22 Jun, 2009 - 11:53 PM
Post #7

New D.I.C Head
*

Joined: 22 Jun, 2009
Posts: 39



Thanked: 4 times
My Contributions
why are you using two IDs with the same size? width: 880px;? i don't see nothing helpful!
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/8/09 12:56AM
Invision Power Board v2.1.7 © 2009  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month