google-code-export / galleriffic

Automatically exported from code.google.com/p/galleriffic
0 stars 0 forks source link

Pagination bar is not aligned correctly in Chrome #311

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
1. Open http://www.twospy.com/galleriffic/example-1.html
2. Note that the pagination area at the bottom (1 2 Next) is not aligned on one 
row. All pagination buttons should be on one row.

Tested with Google Chrome Version 25.0.1364.152 m

When you run Developer Tools and modify the css, you can observe the following:

1. Select the pagination div (<div class="bottom pagination">)
2. Disable the css style margin-top: 12px
3. Note that the margin top is removed, and the pagination buttons are now 
aligned to be in the same row.

1. Select any child of the pagination div
2. Disable and enable the css style float: left
3. Note that the alignment gets fixed and the pagination buttons are on the 
same row.

Original issue reported on code.google.com by vasanth...@gmail.com on 7 Mar 2013 at 8:14

GoogleCodeExporter commented 9 years ago

Original comment by vasanth...@gmail.com on 7 Mar 2013 at 8:38

Attachments: