This is a migrated thread and some comments may be shown as answers.

Css doesn't render in FF

2 Answers 98 Views

Getting started with ASP.NET

This is a migrated thread and some comments may be shown as answers.

rasmus asked on 27 Sep 2007, 01:03 PM

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 Answers, 1 is accepted

answered on 28 Sep 2007, 08:22 AM

WebSite1.zip

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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Css doesn't render in FF

2 Answers, 1 is accepted