I'm having trouble getting the position of the dates in a web-based calendar to format correctly in Firefox; it works fine in IE. Whenever there is an event in one of the day boxes, it pushes the number outside the edge of the cell, even when the div is resezed to 1px wide. [I've attached a screenshot.] Basically, each day cell in the month view of the calendar is a table with 2 columns - left column contains a div for each event, right column contains day number. For some reason, Firefox allows the div to force its containing table ("day table") to expand beyond 100% of the width of ITs containing table ("month table"). Is there some kind of negative padding or display attribute that needs to be set to constrain the div to its cell? Thanks in advance for the help!
best way is to give fixed widths for the two columns of a day's cell.. so if the whole cell is 50 px, set the width of the 1st column to 45px, and the 2nd to 5px
most likely reason is that their is a confilicting rule in your style sheet. let me take a look at your style sheet, I will see what I can figure out.
unfortunately it's a secure, password protected site, so URL won't get you in, and can't give out access.
well check your style sheets, remember, firefox actually reads style sheets right, IE doesn't. I believe that is where your problem lies. Since it is a secure server. if you wwant to copy/paste your style sheet I could look at it.
we seem to have fixed it by moving the div padding away from the date to a higher level in the structure; not exactly sure why that worked, but don't really have the time/inclination to figure it out. thanks much for all the suggestions.