[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 325
  • Last Modified:

CSS issue in IE 7 and Google Chrome

Hello Experts,

here is my site link. there is a paging in the page which has sort, previous page numbers and next

it renders fine firefox, IE8 and safari but for some reason in IE7 and Chrome, the next button is always lower then the rest and there is huge gap between the page number and the next button.

Can someone please let me where i am making a mistake

link is : http://new.tartanandclan.com/category/Scarves.html

thanks and appreciate it
0
niceoneishere
Asked:
niceoneishere
  • 2
1 Solution
 
mars-vieCommented:
Hello!

Change the following 2 lines in your tartanstyle.css

line no 1316 --> add float:left;
#pager .pagenumbers .nums {float:left; display:inline;}

line no 1342 --> change float to right
#pager .nextbutton {float:left; padding-left:5px;}


Regards,
MARS-VIE

0
 
niceoneishereAuthor Commented:
Thanks it works, I noticed why my CSS was not working becos I was declaring the class as num instead of nums.

thanks appreciate it
0
 
niceoneishereAuthor Commented:
thanks
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now