• Content Count

  • Joined

  • Last visited

About kingdutch

  • Rank
  1. Ok well erhm.. I want to center my container. I've done it loads of times. But I can't get it right this time. Internet Explorer does center but FireFox doesn't. I prolly have an error in my code but I can't figure it out right now. /* MAIN PAGE SETUP */ body { text-align: center; background-color: gray; } #container { [u][b]margin: 0 auto;[/b][/u] width: 860px; background-color: #006; } /* LOGO */ #logo { width: 860px; height: 200px; background: url('images/logo.jpg'); } /* NAVIGATION */ .navbar { padding-top: 5px; padding-bottom: 3px; width: 100%; background: url('images/button.jpg'); } .navbar ul { padding: 0px; margin: 0px; display: inline; } .navbar li { list-style: none; display: inline; margin: 0px; padding: 0px; } .navbar li a { width: 100px; padding-top: 5px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; color: #FFFFFF; font-family: arial; font-size: 20px; font-weight: bold; text-decoration: none; background: url('images/button.jpg'); } .navbar li a:hover { background: url('images/button_hover.jpg'); } /* CONTENT */ #content { margin-left: auto; margin-right: auto; text-align: left; min-height:500px; height:auto !important; height:500px; } That's my CSS Thanks alot *kingdutch waves at Jeff, Go besttechie! SOLVED: placed a margin: 0 auto; in the container (Works for firefox somehow )