?
Solved

CSS issue in IE 7 and Google Chrome

Posted on 2011-03-04
3
Medium Priority
?
321 Views
Last Modified: 2012-05-11
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
Comment
Question by:niceoneishere
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 4

Accepted Solution

by:
mars-vie earned 2000 total points
ID: 35038365
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
 
LVL 1

Author Comment

by:niceoneishere
ID: 35038635
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
 
LVL 1

Author Closing Comment

by:niceoneishere
ID: 35038639
thanks
0

Featured Post

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question