CSS, columns and errors

liunx

Guest
<!-- m --><a class="postlink" href="http://www.digitpress.com/DPNEW">http://www.digitpress.com/DPNEW</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.digitpress.com/DPNEW/style.css">http://www.digitpress.com/DPNEW/style.css</a><!-- m -->

The premise is to have two columns, on for navigation, and one for content. Here, "rightContent" is obviously in the wrong spot, and needs to be tugged up right underneath pathAndSearchBar without using absolute positioning. pathAndSearchBar is also a 2 column deal which is working fine, but the same concept doesn't work in the navigationAndContent div. Putting a float in either navigationMenu div or rightContent div seems to make the problem worse.

The goal is to have the "navigationAndContent" span the entire length of the remaining page, minus "header" and "pathAndSearchBar" The red background on the left should stretch all the way down, as should the black on the "rightContent. I want to avoid using a body background image because it shoulds expand as the user increases text size.

I've been staring at the problem for almost 4 hours, and haven't come close to finding the error, so I figured a fresh pair of eyes might be able to help me out. Can anybody point out what I am doing wrong?

I'm also aware that the layout is quite ugly (and even more so in IE). Rest assured, it will be prettied up, I just need to get these critical errors fixed first.

Thanks in advance :)
 
Back
Top