What is causing my code to not center?

Can someone tell me what is causing the issues based off of my css?:

.parent_container {
    width: 1000px;
    height: 1700px;
    background-color: #2A261D;
    margin-left: 0 auto;
    margin-right: 0 auto;
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; 
width: 1000px;

ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; 
line-height: 31px; 
border-left: none;
margin-bottom: -1px; 
overflow: hidden;
position: relative;


ul.tabs li a {
text-decoration: none;
color: #fff;
font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif
display: block;
font-size: 13.5px;
padding: 0 20px;
outline: none;

ul.tabs li a:hover {
color: #ff6600;

html ul.tabs li.active, html ul.tabs li.active a:hover  {
color: white;
border-bottom: 1px solid #ff6600; 
border-top-left-radius: 5px;
border-top-right-radius: 5px;

.tab_container {
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 1000px;
background: #333;
border-top: 1px solid #ff6600;

.tab_content {
padding: 20px;
font-size: 1.2em;

Recommended Answers

All 2 Replies

I don't see a problem with the css, but I'm unsure why you have it separated into different inline style tags.

Probably need to see the mark up and the rest of your css to tell what the problem is.

commented: :) +7

Well, i managed to figure out that the problem was caused by how i did the margins. i did them improperly.

thanks though!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.