View unanswered posts | View active topics It is currently Sat Jan 18, 2020 4:50 pm

Reply to topic  [ 1 post ] 
 Height Problems on Rounded Corner Buttons 
Author Message

Joined: Wed Jan 04, 2012 11:10 pm
Posts: 5
Post Height Problems on Rounded Corner Buttons
Aaaand IE eats paste yet again.....

I got 2 buttons in my shopping cart working with the following CSS

#cart-buttons {
text-align: right;
#cart-buttons ul {
#cart-buttons ul li {
background-color: #4C3E05;
-moz-border-radius: .5em;
    -webkit-border-radius: .5em;
border-radius: .5em;
    -moz-border-radius: .5em;
    position: relative;
    padding: 6px;


td#cart-buttons li {
li.cart-block-view-cart a,  li.cart-block-checkout a {
color: #ffffff;
font-weight: bold;
li.cart-block-view-cart a:hover,  li.cart-block-checkout a:hover {
text-decoration: none;

However, of all thee browsers, IE8 seems to show rounded corners properly, but the height of the brown box boundaries is almost the same height as the text. (see images). What might that be about? No idea if this present in IE9 or IE7. ... magazines/ (you will have to add a cart item to see what I mean for yourself.)

File comment: Looks lovely in FF, Safari and Chrome
ffchromenoprob.jpg [4.9 KiB]
Not downloaded yet
File comment: IE Shrinks the Height of the brown rounded corner box
ie8shortheight.jpg [5.54 KiB]
Not downloaded yet
Fri Jan 13, 2012 5:49 am
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.