+1-888-365-2779
Try Now
More in this section

Forums / Bugs & Issues / Compatability issues - IE/Safari/Firefox

Compatability issues - IE/Safari/Firefox

6 posts, 0 answered
  1. Catherine
    Catherine avatar
    2 posts
    Registered:
    24 Oct 2008
    11 Dec 2008
    Link to this post
    Has anyone experienced compatability issues across IE, Safari and Firefox.  One page on our site looks fine in IE - but this particular page when opened  using a mac and safari or firefox diplays horribly.  It looks like it is incorporating the site map or left nav menu?

    Any suggestions would be greatly appreciated!!!!

    Catherine
  2. SelAromDotNet
    SelAromDotNet avatar
    912 posts
    Registered:
    18 Jul 2012
    11 Dec 2008
    Link to this post
    I haven't really experienced any cross-browser issues, and have tested my sitefinity sites in multiple browsers and operating systems both locally and via www.browsershots.org.

    it might be easier to offer assistance if you are able to provide a link to the page that is causing issues so that we can review it and hopefully help you find a solution
  3. Georgi
    Georgi avatar
    3583 posts
    Registered:
    20 Sep 2016
    16 Dec 2008
    Link to this post
    Hello,

    You may have to rework parts of the masterpages and your css styles. Perhaps we can help you if you provide us with more information about the problem.

    Best wishes,
    Georgi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  4. Eisa Baker
    Eisa Baker avatar
    4 posts
    Registered:
    05 Jan 2006
    09 Feb 2010
    Link to this post

    Hi Ivan
    Hope that all well.
    We are experienced the same compatability issues across MAC OS.
    I have attached the screenshot for your refernece.
    Please adivse us, how can we achieve that.

    Timely help is much appreciated.

    Thanks

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="CoporateInner.master.cs" Inherits="App_Master_JAIHChild" %>
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      
    <head id="Head1" runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Jebel Ali International Hotels</title>
      
    </head>
      
    <body id="Body1" runat="server">
      
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-8304866-3";
    urchinTracker();
    </script>
      
      
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-320351-22";
    urchinTracker();
    </script>
    <form id="form1" runat="server">
    <asp:scriptmanager id="ScriptManager1" runat="server" ScriptMode="Release">   
             <scripts>  
                <asp:scriptreference name="" Assembly="" Path="~/common/js/adrotater.js"></asp:scriptreference>  
                 <asp:scriptreference name="" Assembly="" Path="~/common/js/calendar.js"></asp:scriptreference>
      <asp:scriptreference name="" Assembly="" Path="~/common/js/calendar1.js"></asp:scriptreference>
                  
             </scripts>  
            </asp:scriptmanager>  
    <div id="hide">
      
    <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
         <td style="padding:0px 5px 15px 5px"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><asp:ContentPlaceHolder ID="logo" runat=server></asp:ContentPlaceHolder></td>
            <td valign="bottom"><table width="60%" border="0" align="right" cellpadding="0" cellspacing="0" id="TABLE1">
              <tr>
                <td class="top"><div id="snavid"><asp:ContentPlaceHolder ID="smallNavigation" runat=server></asp:ContentPlaceHolder></div></td>
                </tr>
              <tr>
                <td> </td>
              </tr>
              <tr>
                <td class="search">
                    <div align="right">
                      <asp:ContentPlaceHolder ID="searchbox" runat="server"></asp:ContentPlaceHolder>
                      </div>
                </td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
        
      <tr>
        <td><div class="navigation">
          <table width="900" border="0" cellspacing="0" cellpadding="0" height="59px">
            <tr>
              <td class="topNavLeft"></td>
          <td class="topNavBG"><div id="navigation">
            <asp:ContentPlaceHolder ID="navigation" runat="server"></asp:ContentPlaceHolder>
    </div></td>
              <td class="topNavRight"></td>
            </tr>
          </table>
        </div></td>
      </tr>
        
      
        
      <tr>
        <td><table width="900" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="220" valign="top" style="padding-top:13px">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                <td valign="bottom"><table width="220" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="95"><table width="100%" height="25" border="0" cellpadding="0" cellspacing="0" style="background:#AD9A6A">
                        <tr>
                          <td width="6" valign="top" class="boxLtop" align="left"> </td>
                          <td style="font-family:Arial; font-size:11px; font-weight:bold; color:#ffffff; padding-left:5px; padding-top:5px">
                                  Reservations</td>
                          <td width="6" valign="top" class="boxRtop" align="right"> </td>
                        </tr>
                      </table></td>
                      <td valign="bottom" width=125px><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0"><tr><td width=108 class="ModifyResBG" align=center><asp:hyperlink runat="server" NavigateUrl="~/ebooking/modify/"><span style="font-family:Arial; font-size:10px; font-weight:bold; color:#97865D; padding-left:5px;text-decoration:none">Modify your booking</span></asp:hyperlink></td><td class="ModifyResRight" width=7></td></tr></table>
                    </td></tr>
                  </table></td>
              </tr>
                
                
                
              <tr>
                <td style="background-color: #ad9a6a;"><div id="reservation">
                <table width="100%" cellspacing="0" cellpadding="0" border="0" style="background-color: #ad9a6a;">
        <tbody>
            <tr>
                <td valign="top" style="width: 7px; height: 8px;"> </td>
                <td valign="top" style="padding-top: 10px;">
                <table width="100%" cellspacing="3" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td style="width: 148px; height: 22px;">Find a Hotel </td>
                            <td style="width: 60%;"><select class="all" id="HotelID" size="1" name="HotelID">
                            <option value="0" selected="true">SELECT YOUR HOTEL</option>
                            <option value="EJ-HEJDXBPT">Palm Tree Court & Spa</option>
                            <option value="EJ-HEJDXBJA">Jebel Ali Hotel</option>
                            <option value="EJ-HEJDXBHF">Hatta Fort Hotel</option>
                            <option value="EJ-HEJDXBOB">Oasis Beach Tower</option>
                            </select></td>
                        </tr>
                        <tr>
                            <td style="width: 148px; height: 22px;">Arrival Date </td>
                            <td style="height: 1px;">
                            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                <tbody>
                                    <tr>
                                        <td><table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
    <tr><td id="ds_calclass">
    </td></tr>
    </table>
     <script type="text/javascript">
      
      
      
      
    // Code begin...
    // Set the initial date.
    var ds_i_date = new Date();
    ds_c_month = ds_i_date.getMonth() + 1;
    ds_c_year = ds_i_date.getFullYear();
      
    // Get Element By Id
    function ds_getel(id) {
        return document.getElementById(id);
    }
      
    // Get the left and the top of the element.
    function ds_getleft(el) {
        var tmp = el.offsetLeft;
        el = el.offsetParent
        while(el) {
            tmp += el.offsetLeft;
            el = el.offsetParent;
        }
        return tmp;
    }
    function ds_gettop(el) {
        var tmp = el.offsetTop;
        el = el.offsetParent
        while(el) {
            tmp += el.offsetTop;
            el = el.offsetParent;
        }
        return tmp;
    }
      
    // Output Element
    var ds_oe = ds_getel('ds_calclass');
    // Container
    var ds_ce = ds_getel('ds_conclass');
      
    // Output Buffering
    var ds_ob = ''; 
    function ds_ob_clean() {
        ds_ob = '';
    }
    function ds_ob_flush() {
        ds_oe.innerHTML = ds_ob;
        ds_ob_clean();
    }
    function ds_echo(t) {
        ds_ob += t;
    }
      
    var ds_element; // Text Element...
      
    var ds_monthnames = [
    'January', 'February', 'March', 'April', 'May', 'June',
    'July', 'August', 'September', 'October', 'November', 'December'
    ]; // You can translate it for your language.
      
    var ds_daynames = [
    'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
    ]; // You can translate it for your language.
      
    // Calendar template
    function ds_template_main_above(t) {
        return '<table cellpadding="1" cellspacing="1" class="ds_tbl" width="210">'
             + '<tr>'
             + '<td class="ds_head" style="cursor: pointer" onclick="ds_py();"><<</td>'
             + '<td class="ds_head" style="cursor: pointer" onclick="ds_pm();"><</td>'
             + '<td class="ds_head" style="cursor: pointer" onclick="ds_hi();" colspan="3"> ' + t + '</td>'
             + '<td class="ds_head" style="cursor: pointer" onclick="ds_nm();">></td>'
             + '<td class="ds_head" style="cursor: pointer" onclick="ds_ny();">>></td>'
          
               
             + '</tr>'
             
             + '<tr>';
    }
      
    function ds_template_day_row(t) {
        return '<td class="ds_subhead">' + t + '</td>';
        // Define width in CSS, XHTML 1.0 Strict doesn't have width property for it.
    }
      
    function ds_template_new_week() {
        return '</tr><tr>';
    }
      
    function ds_template_blank_cell(colspan) {
        return '<td colspan="' + colspan + '"></td>'
    }
      
    function ds_template_day(d, m, y) {
      
    dd = ds_i_date.getDate();
    dm = ds_i_date.getMonth()+1;
    dy = ds_i_date.getFullYear();
             if (y > dy || (y==dy && m > dm) || (y==dy && m==dm && d >= dd))
              {
        return '<td class="ds_cell" onclick="ds_onclick(' + d + ',' + m + ',' + y + ')">' + d + '</td>';
        }
        else
        {
        return '<td class="ds_cell_outdated" >' + d + '</td>';
        }
        // Define width the day row.
    }
      
    function ds_template_main_below() {
        return '</tr>'
             + '</table>';
    }
      
    // This one draws calendar...
    function ds_draw_calendar(m, y) {
        // First clean the output buffer.
        ds_ob_clean();
        // Here we go, do the header
        ds_echo (ds_template_main_above(ds_monthnames[m - 1] + ' ' + y));
        for (i = 0; i < 7; i ++) {
            ds_echo (ds_template_day_row(ds_daynames[i]));
        }
        // Make a date object.
        var ds_dc_date = new Date();
        ds_dc_date.setMonth(m - 1);
        ds_dc_date.setFullYear(y);
        ds_dc_date.setDate(1);
        if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12) {
            days = 31;
        } else if (m == 4 || m == 6 || m == 9 || m == 11) {
            days = 30;
        } else {
            days = (y % 4 == 0) ? 29 : 28;
        }
        var first_day = ds_dc_date.getDay();
        var first_loop = 1;
        // Start the first week
        ds_echo (ds_template_new_week());
        // If sunday is not the first day of the month, make a blank cell...
        if (first_day != 0) {
            ds_echo (ds_template_blank_cell(first_day));
        }
        var j = first_day;
        for (i = 0; i < days; i ++) {
            // Today is sunday, make a new week.
            // If this sunday is the first day of the month,
            // we've made a new row for you already.
            if (j == 0 && !first_loop) {
                // New week!!
                ds_echo (ds_template_new_week());
            }
            // Make a row of that day!
            ds_echo (ds_template_day(i + 1, m, y));
            // This is not first loop anymore...
            first_loop = 0;
            // What is the next day?
            j ++;
            j %= 7;
        }
        // Do the footer
        ds_echo (ds_template_main_below());
        // And let's display..
        ds_ob_flush();
        // Scroll it into view.
        ds_ce.scrollIntoView();
    }
      
    // A function to show the calendar.
    // When user click on the date, it will set the content of t.
    function ds_sh(t) {
        // Set the element to set...
        ds_element = t;// Make a new date, and set the current month and year.
        var ds_sh_date = new Date();
        ds_c_month = ds_sh_date.getMonth() + 1;
        ds_c_year = ds_sh_date.getFullYear();
        // Draw the calendar
        ds_draw_calendar(ds_c_month, ds_c_year);
        // To change the position properly, we must show it first.
        ds_ce.style.display = '';
        // Move the calendar container!
        the_left = ds_getleft(t);
        the_top = ds_gettop(t) + t.offsetHeight;
        ds_ce.style.left = the_left + 'px';
        ds_ce.style.top = the_top + 'px';
        // Scroll it into view.
        ds_ce.scrollIntoView();
    }
      
    // Hide the calendar.
    function ds_hi() {
        ds_ce.style.display = 'none';
    }
      
    // Moves to the next month...
    function ds_nm() {
        // Increase the current month.
        ds_c_month ++;
        // We have passed December, let's go to the next year.
        // Increase the current year, and set the current month to January.
        if (ds_c_month > 12) {
            ds_c_month = 1; 
            ds_c_year++;
        }
        // Redraw the calendar.
        ds_draw_calendar(ds_c_month, ds_c_year);
    }
      
    // Moves to the previous month...
    function ds_pm() {
        ds_c_month = ds_c_month - 1; // Can't use dash-dash here, it will make the page invalid.
        // We have passed January, let's go back to the previous year.
        // Decrease the current year, and set the current month to December.
        if (ds_c_month < 1) {
            ds_c_month = 12
            ds_c_year = ds_c_year - 1; // Can't use dash-dash here, it will make the page invalid.
        }
        // Redraw the calendar.
        ds_draw_calendar(ds_c_month, ds_c_year);
    }
      
    // Moves to the next year...
    function ds_ny() {
        // Increase the current year.
        ds_c_year++;
        // Redraw the calendar.
        ds_draw_calendar(ds_c_month, ds_c_year);
    }
      
    // Moves to the previous year...
    function ds_py() {
        // Decrease the current year.
        ds_c_year = ds_c_year - 1; // Can't use dash-dash here, it will make the page invalid.
        // Redraw the calendar.
        ds_draw_calendar(ds_c_month, ds_c_year);
    }
      
    // Format the date to output.
    function ds_format_date(d, m, y) {
        // 2 digits month.
        m2 = '00' + m;
        m2 = m2.substr(m2.length - 2);
        // 2 digits day.
        d2 = '00' + d;
        d2 = d2.substr(d2.length - 2);
        // YYYY-MM-DD
          
        test = y + '/' + m2 + '/' + d2;
         document.getElementById("agechild").value = test;
          
    }
      
    // When the user clicks the day.
    function ds_onclick(d, m, y) {
        // Hide the calendar.
        ds_hi();
        m2 = '00' + m;
        m2 = m2.substr(m2.length - 2);
        // 2 digits day.
        d2 = '00' + d;
        d2 = d2.substr(d2.length - 2);
        // YYYY-MM-DD
          
        test = d2 + ' ' + ds_monthnames[m-1] + ' ' + y ;
         document.getElementById("DateIn").value = test;
        }
      
        // And here is the end.
      
        // ]]> -->
       
       
    </script>
     <input class="all" maxlength="20" id="DateIn" name="DateIn" size="18" type="text" readonly /></td>
                                        <td> <a href="#" onclick="ds_sh();" id="cal"><asp:Image ID="Image1"
    runat="server"
    AlternateText="Calender" ImageUrl="~/common/images/calender.jpg"/></a>
    </td>
                                    </tr>
                                </tbody>
                            </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 148px; height: 22px;">Nights </td>
                            <td>
                                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td>
                                                      <select class="all" id="Length" name="Length">
                                                    <option value="1" selected="true">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                    <option value="6">6</option>
                                                    <option value="7">7</option>
                                                    <option value="8">8</option>
                                                    <option value="9">9</option>
                                                    <option value="10">10</option>
                                                    <option value="11">11</option>
                                                    <option value="12">12</option>
                                                    <option value="13">13</option>
                                                    <option value="14">14</option>
                                                    <option value="15">15</option>
                                                      
                                                </select>
                                            </td>
                                            <td align="center">
                                                Rooms</td>
                                            <td style="width: 25%;">
                                                <div style="text-align: right;">
                                                    <select id='cmbRoomcount' name='cmbRoomcount' onchange='showchild();' class="all">
                                                        <option value='1'>1</option>
                                                        <option value='2'>2</option>
                                                        <option value='3'>3</option>
                                                        <option value='4'>4</option>
                                                    </select>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 148px; height: 22px;">
                                Adults</td>
                            <td>
                                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <select id='Guests' name='guests' onchange='showchild();' class="all">
                                                    <option value='1'>1</option>
                                                    <option value='2'>2</option>
                                                    <option value='3'>3</option>
                                                    <option value='4'>4</option>
                                                    <option value='5'>5</option>
                                                    <option value='6'>6</option>
                                                    <option value='7'>7</option>
                                                    <option value='8'>8</option>
                                                    <option value='9'>9</option>
                                                </select>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                      </tbody>
                </table>
                <table border="0" cellpadding="0" cellspacing="0" style="padding-left:3px;">
                                    <tr>
                                        <td valign='top' colspan='3'>
                                            <div id='child' style='display: none'>
                                                <table width='100%' border='0' cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td class='all' width='65%' style="padding-top: 1px; padding-bottom:3px;">
                                                            <font color="ffffff">Child(ren)</td>
                                                        <td id='agechild' width='53%' align="center">
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td valign='top' width='100%' colspan='2' id='cntchildren' name='cntchildren'>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                </td>
                <td valign="top" align="right" class="boxRtop"> </td>
            </tr>
             
            </table>
         <table width="100%" cellspacing="0" cellpadding="0" border="0" style="padding-top:5px;padding-bottom:4px">
                                                        <tbody>
                                                            <tr>
                                                                <td width="63px"  style="padding-left:11px">Promotion ID
                                                                </td>
                                                                <td style="padding-left:2px">
                                                                    <input type="text" id="prCode" name="prCode" class="all" /></td>
                                                            </tr>
                                                    </table>
                                                    
                 <table width="90%" cellspacing="0" cellpadding="0" border="0"  align="center"  style="background-color: #ad9a6a;border-top:1px solid #efefef;margin-top:6px" >
                        <tr>
                            <td style="padding-top:10px"><img id='Exp' name='Exp' src='/common/images/plus1.jpg' onclick='disp_div();' onmouseover='setcType();' onmouseout='setcType();'/> <span style="padding-left:10px;">TRAVEL AGENTS / COMPANY</span>
                                <div style='display: none' id='Opt'>
                                    <table width="100%" border="0" cellpadding="0" cellspacing="2" align="center">
                                        <tr>
                                            <td width="100%" class="all" align="left" style="padding:3px 0 0 13px">
                                                <span class="">Select Account Type :</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" class="all" align="left" style="padding:5px 0 0 13px">
                                                <select id="accountType" name="accountType" class="all">
                                                    <option value="0">SELECT YOUR ACCOUNT          </option>
                                                    <option value="travelagency-agent-">Travel Agency</option>
                                                    <option value="travelagency-company-A">Company</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="normalTextHigh1" style="padding:5px 0 0 13px">
                                                Account ID :   <input type="text" id="accountId" name="accountId"
                                                    maxlength="10" size="7" class="all"></td>
                                        </tr>
                                        <tr>
                                            <td class="normalTextHigh1" style="padding:5px 0 0 13px">
                                                Rate Code  :   <input type="text" id="rateAccessCode" name="rateAccessCode"
                                                    maxlength="10" size="7" class="all"></td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:#AD9A6A">
            <tr>
                <td valign="bottom"> </td>
                <td style="padding-top:8px">
                <div style="text-align: center;">     <asp:ImageButton ID="ImageButton1" runat="server" onclientclick="validateForm();return false" ImageUrl="~/Libraries/utilities/checkAvailablity.sflb.ashx" ></asp:ImageButton>
                                                            </td>
                                                            <td valign="bottom">
                                                                 </td>
                                                        </tr>
                                                    </table>
                                                   <table cellspacing="0" cellpadding="0" width="220" style="background-color: #ffffff;">
        <tbody>
            <tr>
                <td class="boxBGBottom"> </td>
            </tr>
        </tbody>
    </table>
                                             </td>
              </tr>
                
                   <tr>
                <td style="padding-top:3px"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="newsletterTop"></td>
                  </tr>
                  <tr>
                    <td class="newsletterBG"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        
                      <tr>
                        <td class="newsletter" valign="top"><asp:ContentPlaceHolder ID="newsletter" runat="server"></asp:ContentPlaceHolder></td>
                      </tr>
                        
                    </table>                
                  
                     
                      </td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="680" valign="top" style="padding-left:13px;padding-top:13px"><div id="restpage"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td style="border-bottom:1px #CCCCCC solid;padding-bottom:4px"><asp:ContentPlaceHolder ID="imageLibrary" runat=server></asp:ContentPlaceHolder></td>
              </tr>
              <tr>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="style3" valign="top" style="padding:5px 0px 0px 2px"><table width="100%" cellpadding=0 cellspacing=0 border=0><tr><td><asp:ContentPlaceHolder ID="Pagetitle" runat="server"></asp:ContentPlaceHolder></td></td></tr></div><tr><td style="padding:0px 13px 0px 0px"><asp:ContentPlaceHolder ID="Contents" runat="server"></asp:ContentPlaceHolder></td></tr><div id="hide1"></table></td>
                            <td width="190" valign="top">
                                  
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                       <td style="padding-top:13px">
                                           <div class="SuBtn"><asp:ContentPlaceHolder ID="SuButton" runat="server"></asp:ContentPlaceHolder></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding-top:13px">
                                          
                                          <script type="Text/javascript">show_banners();</script>
                                        </td>
                                    </tr>
                                      
                                </table>
                                  
                               </td>
                        </tr>
                    </table>
                  </td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td><table width="900" border="0" cellspacing="0" cellpadding="0" height="45">
          <tr>
            <td class="FooterLeft"></td>
           <td class="FooterBG"><div id="footer" align="center"><asp:ContentPlaceHolder ID="FooterLinks" runat="server"></asp:ContentPlaceHolder></div></td>
            <td class="FooterRight"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td style="padding-top:15px"><asp:ContentPlaceHolder ID="Footer" runat=server></asp:ContentPlaceHolder></td>
      </tr>
    </table>
    </div>
    </div>
    </form>
      
    </body>
    </html>

  5. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    10 Feb 2010
    Link to this post
    Hello Eisa Baker,

    As far as I see on the images you've sent the problem is that the main menu does not fit in on one line.

     I saw that you have set font-family to Arial,Times,serif to the menu items. This means that if the browser does not support the first option, it will try the next one. You might know that there is no Arial for Mac, so Safari will try Times, if it does not have it will try any serif type and if there are no serif types will try any san-serif types.  

    The different font types have different widths of letters and spaces between letters so a word written in the same font-size, font-weight and font-style but in different font types (font-family) will most probably have different widths. 

    I suggest that you decrease the left and right paddings.

    div#navigation a {
    border-right:1px solid #D6C8AC;
    color:#FFFFFF;
    float:left;
    font-family:Arial,Times,serif;
    font-size:11px;
    font-weight:700;
    padding-bottom:5px;
    padding-left:16px;
    padding-right:16px;
    text-decoration:none;
    }

    Greetings,
    Katia
    the Telerik team

    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Follow the status of features or bugs in PITS and vote for them to affect their priority.
  6. John
    John avatar
    3 posts
    Registered:
    07 Sep 2012
    08 Sep 2012
    Link to this post

    Hi Georgi,

    We are also experiencing possibly a cross browser issue where the site is fine in Opera, but in Firefox and IE, the pages jump slightly from left to center. Please see: http://www.datamyx.com

    Cannot put my finger on exactly what is causing this and sometimes there is a slight delay when the pages load just prior to jumping back to center. Any help would be greatly appreciated.

    John Grover

Register for webinar
6 posts, 0 answered