Solved

CSS issue in IE 7 and Google Chrome

Posted on 2011-03-04
3
319 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 500 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

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

695 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