Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Absolute positioned button moves when clicked

Absolute positioned button moves when clicked

Problem

I have a Parent Div with an Absolute Positioned button inside it.

It is the 'Further Details' button seen on the right of the listings, here:

http://property.begbies-traynor.com/?btg_property_search_type=Commercial&s=North+West%2C+Greater+Manchester&widget-btg_property_search-4-button=Search

The current css/styling works as intended, that is until the button is actually pressed. You will notice that the button div seems to stretch to the full height of the parent div.

Am I setting up the positioning wrong? Ive tried setting the width and height of the button but that doesn't help.

Problem courtesy of: Wayners247

Solution

The problem is the top: 1px setting in the a:active CSS class in style.css. Remove it and you should be fine.

Solution courtesy of: nfechner

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Absolute positioned button moves when clicked

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×