Can't get the main section working

Hi, Here's a normal page: http colon //dev2.magickitchen.com/guarantee.html
It has two columns, left and right.

For some pages, I would like only to have the left column. So I tried this:   dev2.magickitchen.com/no-right-nav.html

Which looks good at first glance, but as you can see, the content is down in the footer.
content
Where did I go wrong? Thanks.
mel200Asked:
Who is Participating?
 
Chris StanyonCommented:
In the first page, you have the content wrapped inside the row div. In the second page, it's outside - move it inside and it'll be fine:

First Page:
<div class="row column-bg">
    <div>left column</div>
    <div>content</div>
    <div>right column</div>
</div>

Second Page:
<div class="row column-norightnav">
    <div>left column</div>
</div>
<div>content</div> <-- move this div inside the row wrapper!
0
 
mel200Author Commented:
Bingo, thanks! Could you help with one more thing? Now that this is fixed, I don't have the whole left column in that orange color.
0
 
Chris StanyonCommented:
You need to add a background-color to your column-norightnav class rule (style.css - line 26):

.column-norightnav {
   background-color: #ffce65
   ...
}

Open in new window

0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
mel200Author Commented:
Duh, of course. thanks.
0
 
mel200Author Commented:
Thanks a million!!
0
 
Chris StanyonCommented:
No worries ;)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.