CODEWITHSUNDEEP
htmlcsscenter
Stephen
Stephen

Reputation: 717

Centering Issue with CSS

On my website http://morxmedia.com/ if you zoom in the #container will lose centering with the navigation. I have lots of experience in css and I can't figure out how to fix this. Any ideas? enter image description here

Upvotes: 0

Views: 93

Answers (2)

Stephen
Stephen

Reputation: 717

I figured it out.. I just set my main banner that had the width of 1100 px to width:100% and set the background image to center. Then I made the header width the same as the content width.

Upvotes: 0

circusdei
circusdei

Reputation: 1967

I think you might have to use this trick:

<div id="wrapper">
    <div id="content">
    </div>
</div>

css ---

.wrapper {
    float: left;
    position: relative;
    left: 50%;
}

.content {
    float: left;
    position: relative;
    right: 50%;
}

* make sure your contents don't ave auto margins. if you ust have margins, use actual values. the auto is no longer needed for centering.

Upvotes: 3

Related Questions