-CJHaCKerZz- wrote You must create a holding div,
then inside make two classes. Each one will contain either the sidebar or the content.

So something like this will probably do the trick:

Basic HTML:


<div id="holder">
    <div class="sidebar">
        <!-- Sidebar content in here-->
    </div>
    <div class="content">
        <!-- Content in here-->
    </div>
</div>


CSS:


* {
    margin: 0;
    padding: 0;
}

div#holder {
    width: 100%;
    margin: 0 auto;
}

.sidebar {
    width: 23%;
    float: left;
}

.content {
    width: 77%;
    float: right;
}


Hope I helped.

PoisonOak wrote

-CJHaCKerZz- wrote You must create a holding div,
then inside make two classes. Each one will contain either the sidebar or the content.

So something like this will probably do the trick:

Basic HTML:


<div id="holder">
    <div class="sidebar">
        <!-- Sidebar content in here-->
    </div>
    <div class="content">
        <!-- Content in here-->
    </div>
</div>


CSS:


* {
    margin: 0;
    padding: 0;
}

div#holder {
    width: 100%;
    margin: 0 auto;
}

.sidebar {
    width: 23%;
    float: left;
}

.content {
    width: 77%;
    float: right;
}


Hope I helped.

This sort of helped, it only took longer for the content to get behind the navigation (below)

[ Register or Signin to view external links. ]

Do you think if i put padding on the left of the content it would stop once it hits the padding?

-CJHaCKerZz- wrote

PoisonOak wrote

-CJHaCKerZz- wrote You must create a holding div,
then inside make two classes. Each one will contain either the sidebar or the content.

So something like this will probably do the trick:

Basic HTML:


<div id="holder">
    <div class="sidebar">
        <!-- Sidebar content in here-->
    </div>
    <div class="content">
        <!-- Content in here-->
    </div>
</div>


CSS:


* {
    margin: 0;
    padding: 0;
}

div#holder {
    width: 100%;
    margin: 0 auto;
}

.sidebar {
    width: 23%;
    float: left;
}

.content {
    width: 77%;
    float: right;
}


Hope I helped.

This sort of helped, it only took longer for the content to get behind the navigation (below)

[ Register or Signin to view external links. ]

Do you think if i put padding on the left of the content it would stop once it hits the padding?

Hmm.. It shouldn't do that, it's supposed to stay relative to it's parent container hmm..