Hello everyone. Here is my problem :
The links on the left side of the page don’t link anywhere, even when I use <a href =“value”></a>. I am sure there is some simple problem, but I can’t figure it out. Also, before the links worked fine, but they were under <ul>, and once I removed that, they no longer work.
Any suggestions?
Sorry, the site is truecardio.com
I actually fixed the issue, since I forgot it had a z-index of -1. But, I have another issue. How can I set it so when you shrink down the page, the left nav goes underneath the written content? Thank you. I tried using z-index, but that didn’t seem to work.
Either removing float: left from #leftnav
#leftnav {
float: left;
padding-top: 20px;
width: 70px;
height: 200px;
[COLOR="#FF0000"]position: relative;[/COLOR]
z-index: -1;
margin-left: 0;
}
or overflow: hidden from #maincontent
#maincontent {
margin: 0 auto 0 auto;
width: 100%;
height: 100%;
padding-top: 10px;
[COLOR="#FF0000"]overflow: hidden;[/COLOR]
}
will fix it. I’d do the first option.
Would this allow for the content to overlap? Or would this fix the link error?
And thank you.
I tried both changes, and they didn’t seem to affect the page adversely while making the links work. However, overflow:hidden is handy for other reasons, so I’d go with removing position:relative on the nav. If consequences flow from that, they can be dealt with separately. 
It’s better to make a new post than to edit an old one, as people may not see the update. 
The layout method here is not ideal.
It’s better to have a wrapper for all the content, and center that, then wrap columns within that and float them. Using positioning on the page leads to problems, as you see.