I am at my wits end with Internet Explorer. I have a calendar widget (javascript) on a contact form which just refuses to style. It looks fine in Chrome/Firefox, etc (of course), but I just can't get it right in IE, and I've been struggling for hours now.

http://www.exclusivevillas.co.za/contact-us/ (Click any of "Check in date" or "Check out date")

Here is a screenshot: screenshot

1 answer

danwellman 5600
This was chosen as the best answer

It looks like the month and year input fields are picking up the default widths of the other fields on the form. try using a specific px width in your IE stylesheet

Answered over 8 years ago by danwellman
  • They have widths of 6em and 4em, respectively. Amanda over 8 years ago
  • Yes, but ems are a relative unit. If you measure the form inputs and the inputs in the calendar you will see that they are exactly the same size. Set the input fields in the calendar to 80px for the month and 40px for the year and they should display correctly. You could just add !important to the widths in calendar.css (lines 51 and 63 respectively) which might stop the em inheritence) danwellman over 8 years ago
  • Fab - px widths almost fixed it -- setting margins to 0 and using padding instead fixed the rest of it :) Thanks so much Amanda over 8 years ago