Search code examples
c#javascriptasp.netobout

Obout calendar and .css interupption

my Obout calendar working fine but there seems to be a problem as the month scroller is not visible, after some trial and error i have found the cause of the problem to be one line in my asp css styling in the head however i cannot remove that line as it will cause problems with the rest of my website.

here is the line that is cause in the problem table-layout: fixed; it is located in the head: 

 <style type="text/css">
    #form1
    {
        text-align: center;
    }
    td { overflow: hidden; }
    table { padding: 0px;
        table-layout: fixed;
        font-size: small;
        font-family: Arial, Helvetica, sans-serif;
        margin-right: 0px;
        text-align: left;
    }
    .style54
    {
        width: 1158px;
        border-collapse: collapse;
        }
    .style73
    {
        width: 99%;
        margin-left: 0px;
    }

...............

here is my Obout calendar : 

 <table border = "1"  ><tr> <td> Date :
 <ASP:TextBox runat="server" id="txtDate" />
 <obout:Calendar ID="Calendar2" runat="server"
 CultureName="en-GB" 
 DatePickerMode = "true" 
 TextBoxId = "txtDate"
 Align="Under" DatePickerImagePath = "images/icon2.gif" >
</obout:Calendar> 
</td></tr></table>

how can i use my calender without the table-layout: fixed; line interfering?

thanks

Solution

  • Have you try to override table-layout:fixed in the Obout CSS?