sonichouse wrote:Could I ask how I can centre the div ?
Not a picnic. This is tricky.
sonichouse wrote:I have tried variations with margin-left:auto and margin-right:auto, but this pushes the div below the grey placeholder.
But this is definitely the way to go. Try giving all the elements within .page-nav a width, i.e. 25% for each span and 50% for the pagination. The spans will probably also need display: block;. Then don't float the pagination div, apply margin: 0 auto; to it and set the padding back to 0.
You can definitely center it... but the problem will be that it will be centered in the space remaining between the previous and next links..... obviously, in English, "Previous Page" is longer than "Next Page".... so either you live with your current method, or you could try NOT floating the center pagination div, and applying text-align: center to the entire wrapping div.
Done it .
I got around the length of the descriptions problem by padding the divs to 90px so they occupied the same amount of real estate. The Pagination div had text-align:center applied and then in the template when there is not a prev or next entry insert a filler div that is 90px.
.