Solved

CSS issue in IE 7 and Google Chrome

Posted on 2011-03-04
3
317 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
  • 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

789 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