» Forums
» The DHTML Calendar
» General discussion
» jsCalendar display issue
jsCalendar display issue
2008/10/01 05:07
Viewed 2303 times
Replies: 1/2
by anothernewbie

OK.. I am new at this but I call UNCLE!

I have two web forms using a popup jsCalendar date selector.

Both are coded exactly the same BUT one displays the calendar in the correct format (table display approx 2" wide) and the second one blows the columns up to about 3x the normal size, making the entire display about 8" wide....?

The ONLY difference between the two is that one is within a table so I tried placing the other one within a table to see if that made a difference...  but no difference.

They're extremely simple calendars, no special dates, etc.. just out-of-the box stuff...

Does any one have any ideas what could be causing this variance???  More importantly, how can I FIX it?
Re: jsCalendar display issue
2008/10/15 16:55
Viewed 2260 times
Replies: 1/1
by bk256

Having same problem. I believe in my case it is CSS related. I modified the CSS by adding a width: 19em; and this shrunk the calendar down but the border was not correct. I need to see what other CSS modifications are necessary to get this looking correct. Anyone else have suggestions?
last
Re[2]: jsCalendar display issue
2008/10/18 05:43
Viewed 2797 times
Replies: 0/0
by bk256

Here's what I did to fix width issue; your mileage may vary. I added 2 width statements in the theme.css file (you need to apply this to each them or at least to the one you are using. Here is how it looks:
div.calendar { position: relative; width:22.5em; }

.calendar, .calendar table {
border: 1px solid #bdb2bf;
font-size: 11px;
color: #000;
cursor: default;
background: url("normal-bg.gif");
font-family: "trebuchet ms",verdana,tahoma,sans-serif;
width:19em;

}

Good luck!
last
Google