0

What is causing my code to not center?

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

<style>
.parent_container {
    width: 1000px;
    height: 1700px;
    background-color: #2A261D;
    margin-left: 0 auto;
    margin-right: 0 auto;
    }
</style>
<style>
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;
color:#000;
}
2
Contributors
2
Replies
19
Views
4 Years
Discussion Span
Last Post by <M/>
1

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.

Votes + Comments
:)
0

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

thanks though!

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.