2 (more) minor CSS issues

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
jayshields
DevNet Resident
Posts: 1912
Joined: Mon Aug 22, 2005 12:11 pm
Location: Leeds/Manchester, England

2 (more) minor CSS issues

Post by jayshields »

Right.

Hopefully this will be the end of it.

In FireFox, http://www.jay-designs.co.uk/iss/prods.php?cat=fixings shows correctly. However, in IE, the records to show per page box is hidden under the content div, and the same goes for the "print view/top" links in the bottom right of the box. I've tried messing with z-index, but that doesn't solve it. Now I'm stumped.

One other minor gripe is the positioning of the "print view/top" links. I cannot for the life of me get them to be approx. 5px further up. I've tried the following properties: margin, padding, bottom. Also tried changing it to a div instead of span (same with other problem).

Any help will be much appreciated again.
User avatar
JayBird
Admin
Posts: 4524
Joined: Wed Aug 13, 2003 7:02 am
Location: York, UK
Contact:

Post by JayBird »

Code: Select all

margin-top:-10px;
Seems to fix the back to top/print links
User avatar
jayshields
DevNet Resident
Posts: 1912
Joined: Mon Aug 22, 2005 12:11 pm
Location: Leeds/Manchester, England

Post by jayshields »

Pimptastic wrote:

Code: Select all

margin-top:-10px;
Seems to fix the back to top/print links
Brilliant. Worked a treat. Thanks alot :)
User avatar
jayshields
DevNet Resident
Posts: 1912
Joined: Mon Aug 22, 2005 12:11 pm
Location: Leeds/Manchester, England

Post by jayshields »

I've found out that the 2 span's being hidden is due to the float attribute. Without it, they are both perfectly visible in IE, but, obviously, they are on the left of the content div rather than the right, because float right has been removed.

I've tried changing it to a p element too, that didn't work. I've also tried using clear: right before float: right to no avail.

Has anyone got any ideas?

EDIT: Solved it. Needed position: relative for both of the classes - it was a complete guess. Everything now solved :)
Post Reply