Forums
View unanswered posts | View active topics It is currently Sun Dec 17, 2017 9:36 am



Reply to topic  [ 1 post ] 
 CSS PIE's box-shadow ignoring margin-top of INPUT element 
Author Message

Joined: Sun Feb 13, 2011 1:02 pm
Posts: 2
Post CSS PIE's box-shadow ignoring margin-top of INPUT element
This is seen in IE8:

INPUT form field elements with margin-top values have their box-shadow rendered without the top margin taken into account, causing it to appear vertically offset from the rest of the field box.

Example with FORM with class=sendForm:

Code:
.sendForm input, .sendForm textarea, .sendForm select {
   margin: 8px 0 8px; /* Note the top margin is 8px */
   padding: 5px;
   box-shadow: 5px 5px 5px #ccc;
   behavior: url('/PIE.htc');
   position: relative;
}


Note in this example, the box-shadow will appear 8 pixels higher than the actual form field.


Sun Feb 13, 2011 5:13 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: Exabot [Bot] and 5 guests


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:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.