Css doesn't render in FF

3 posts, 0 answers
  1. rasmus
    rasmus avatar
    2 posts
    Member since:
    Sep 2007

    Posted 27 Sep 2007 Link to this post

    I have a huge problem. I'm building a website, and its perfect in IE.
    But the stylesheet is not applied in FF at all.. i cant even change the font color.

    i have checked the MIME but it seems to be correct.
    and i have also looked for Casesensitive errors.
    both my stylesheet and my Html validates perfect.

    ---Css---

    body
    {
       margin:0px auto;
       font-family:Helvetica, verdena, Sans-Serif;    
    }


    #container
    {
        margin:0px auto;
        width:1024px;
    }

    td{padding:0px;}

    #mainTable
    {
        margin: 0px auto;
        width:1024px;
        height:768px;
    }

    .tables
    {
        border-collapse:collapse;
        margin: 0px 0px 0px 0px;
      
    }

    #LeftMenu
    {
        height:524px;
        width:501px;
        background-color:red;
    }

    #Rightbox
    {
        width:523px;
        height:524px;
        background-image:Url(pics/left07.gif);
        background-repeat:no-repeat;
        z-index:101;
        background-color:#00437a;
    }

    #Bottom
    {
        height:213px;
        width:1024px;
        background-image: url(pics/bottom08.gif);
        background-repeat:no-repeat;
    }

    --Html--
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <link rel="StyleSheet" type="text/css" href="StyleSheet.css" />
    </head>
    <body>
       <div id="container">
        <table id="mainTable" class="tables">
        <tr><td colspan="2" style="height:31px; width:1024px; background-color:green;"></td></tr>
        <tr><td style="width:501px;">
            <div id="LeftMenu"><div style="width:501px; height:59px; background-image:url(pics/top01.gif);"><p>1</p></div>
                       <div style="width:501px; height:117px; background-image:url(pics/top02_inactive.gif);">2</div>
                       <div style="width:501px; height:125px; background-image:url(pics/top03_inactive.gif);">3</div>
                       <div style="width:501px; height:125px; background-image:url(pics/top04_inactive.gif);">4</div>
                       <div style="width:501px; height:98px; background-image:url(pics/top06.gif);">5</div>
            </div></td>

            <td style="width:523px;"><div id="Rightbox"><p>2223322hej</p></div></td></tr>
        <tr><td colspan="2" id="Bottom"><div id="bottomMenu"></div></td></tr>
        </table>
       
      </div>
    </body>
    </html>
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 28 Sep 2007 Link to this post

    Hello rasmus,

    We tried to reproduce the issue on our side, but to no avail. Your code works fine under both IE and FF. Please find attached a sample web application based on your code and some screenshots that show the proper rendering of the page.

    Sincerely yours,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. rasmus
    rasmus avatar
    2 posts
    Member since:
    Sep 2007

    Posted 01 Oct 2007 Link to this post

    thank you for your fast response.
    I resolved the issue, for some reason
    i had saved the Css code as ascii.
    changed it back to Unicode.. and it worked.

    stupid mistake, but really hard to discover since i always use ctrl-s to save.
Back to Top