To big TABLE
Hello!I try to make a popup calender with a DIV-tagg and using visibility='visible'; and visibility='hidden';
The DIV tag has POSITION: relative; because I want it to be realtive from the link to it.
But when it is "hidden" it is making the TABLE where the link and the div is very big. I want it to have a fix height all the time.
Below I have all the code where you can test this. The table got a border so you can se how big it is.
Best regards
Fredrik
Ps Please answer in english
---------------------------------
<HTML>
<HEAD>
<STYLE>
.calendar
{
POSITION: relative;
WIDTH: 420px;
HEIGHT: 180px;
Z-INDEX: 1;
LEFT: 0px;
TOP: 10px;
BACKGROUND-COLOR: #99FF66;
LAYER-BACKGROUND-COLOR: #FFFFCC;
BORDER: 1px SOLID #333333;
OVERFLOW: HIDDEN;
VISIBILITY:HIDDEN
}
</STYLE>
<SCRIPT>
function showCalendar(calendar)
{
document.all[calendar].style.visibility='visible';
}
function hideCalendar(calendar)
{
document.all[calendar].style.visibility='hidden';
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE BORDER="1">
<TR>
<TD>
<BR>
<A HREF="#" onMouseOver="showCalendar('calendarStart')" CLASS="ahrefblack">Startdatum</A>
<DIV ID="calendarStart" CLASS="calendar">
<TABLE WIDTH="400">
<TR>
<TD>
<SELECT NAME="year" CLASS="text_verdana_black_9">
<OPTION VALUE="2000">2000</OPTION>
<OPTION VALUE="2001">2001</OPTION>
<OPTION VALUE="2002">2002</OPTION>
<OPTION VALUE="2003">2003</OPTION>
</SELECT>
</TD>
<TD>
<SELECT NAME="month" CLASS="text_verdana_black_9">
<OPTION VALUE="0">JANUARY</OPTION>
<OPTION VALUE="1">FEBRUARY</OPTION>
<OPTION VALUE="2">MARCH</OPTION>
<OPTION VALUE="3">APRIL</OPTION>
<OPTION VALUE="4">MAY</OPTION>
<OPTION VALUE="5">JUNE</OPTION>
<OPTION VALUE="6">JULY</OPTION>
<OPTION VALUE="7">AUGUST </OPTION>
<OPTION VALUE="8">SEPTEMBER</OPTION>
<OPTION VALUE="9">OCTOBER</OPTION>
<OPTION VALUE="10">NOVEMBER</OPTION>
<OPTION VALUE="11">DECEMBER</OPTION>
</SELECT>
</TD>
<TD ALIGN="RIGHT">
<A HREF="#" onClick="hideCalendar('calendarStart')"><IMG SRC="../images/close_calendar.gif" BORDER="0"></A>
</TD>
</TR>
<TR>
<TABLE>
<TR>
<TH CLASS="text_verdana_black_9">
MONDAY
</TH>
<TH CLASS="text_verdana_black_9">
TUESDAY
</TH>
<TH CLASS="text_verdana_black_9">
WEDNESDAY
</TH>
<TH CLASS="text_verdana_black_9">
THURSDAY
</TH>
<TH CLASS="text_verdana_black_9">
FRIDAY
</TH>
<TH CLASS="text_verdana_black_9">
SATURDAY
</TH>
<TH CLASS="text_verdana_black_9">
SUNDAY
</TH>
</TR>
</TABLE>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
