Hi,
I encountered strange problem - maybe someone already solved it (well, actually I did, but it's still strange to me, why this happened)...
I have a page which uses anchors. Just short example:
Code:
<ol>
<li><a href="#faq_1" title="faq1">FAQ 1</a></li>
<li><a href="#faq_2" title="faq2">FAQ 2</a></li>
<li><a href="#faq_3" title="faq3">FAQ 3</a></li>
</ol>
<br />
<br />
<br />
<a id="faq_1" name="faq_1"></a><b>1. FAQ 1</b><br />
FAQ 1 TEXT
<a href="#top" class="bold">to top...</a><br />
<br />
<br />
<a id="faq_2" name="faq_2"></a><b>2. FAQ 2</b><br />
FAQ 1 TEXT
<a href="#top" class="bold">to top...</a><br />
<br />
<br />
<a id="faq_3" name="faq_3"></a><b>3. FAQ 3</b><br />
FAQ 1 TEXT
<a href="#top" class="bold">to top...</a><br />
<br />
<br />
This code is inside a div, which is determined in css file. part of CSS:
Code:
#mainLeftCol {
display: inline;
float: left;
width: 704px;
padding: 20px 38px 40px 8px;
}
The problem is as follows:
When I click on link in FF, display jumps to about half or 3/4 of line below targeted anchor - so I see just very small part of line (just a little of bottom pixels). It works fine in IE - it jumps to correct location and displays the whole line.
If I remove line "float: left;" out of css div class, it also works fine in FF. But in that case, I don't like my new layout
. It works also, if I put all my upper code in new <div></div> and put all that into div with id #mainLeftCol
Does anybody has a clue, why is that so?
I'll be thankful for every opinion.
Bostjan
