Question

Would very much appreciate some assistance with this issue. I use the following common css method to make column sizes equal across two columns:

.wrap {
            overflow:hidden;
}    
.leftside {
            float:left;
            width:50%;
            height:auto;
            background:blue;
            padding-bottom: 32768px;
            margin-bottom: -32768px;
}
    .rightside {
            float:right;
            width:50%;
            height:auto;
            background:red;
            padding-bottom: 32768px;
            margin-bottom: -32768px;
}

This works well provided the page is not called with a URL containing a name anchor, which totally screws up the display. Is there anything I can do to keep the name anchor reference from changing the display, while still maintaining equal column heights?

Here is a link to an example page showing links with and without name anchor:

http://trifectas.org/test.html

Answer 1

I found a rather detailed treatise on my issue at this site. It seems that there is no solution that will work in all browsers and and the remedy is far worse than the original problem. The final thought was to just eliminate the use of name anchors, which is what I ultimately did.