The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] IE7 Positioning Problem

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28154

    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: … 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>

    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.



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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.