[Solved] IE7 Positioning Problem

[Historical Forums User]

Hi All,

I’m trying to style an updated design for pagination for IFW. You can see the way it should look by viewing the following page in Firefox:

http://ifw-stage.cwcxo.com/t/insider-th … 0?page=0,1

However, if you go to this page in IE 7, you will see the pagination dropping onto the line below the next and previous links.

The markup for this is:"

<div class="links">
<div class="prevLink"><a href="blah.html" class="active">‹ previous page</a>&nbsp;</div>
<div class="nextLink">&nbsp;</div>
<div class="pages"><span class="pager-item"><a href="blah.html" class="active">1</a></span><span class="pager-current">2</span></div>
</div>

In the current styles the first div is floated left, the next one is floated to the right, and the expectation is that the div class=pages will display at the top of the containing div class="links" because the other two elements are theoretically pulled out of the document flow. This works on FF, but in IE7, the div class=pages falls below the first two divs (div class="prevLink" and div class="nextLink").

I played with the width of each of the three divs and I played with absolute positioning of the .pages div, but I need the .pages div to be centered no matter how many page numbers it contains. Any troubleshooting ideas, advice, or suggestions are welcome.

[attachment=0]pagination_ie7_problem.gif[/attachment]

[Historical Forums User]

Aaagh, just realized I had an overidding IE7 style sheet affecting the width of the .pages div. This is fixed. :D

[Author]

Posts