A Flash Developer Resource Site

Results 1 to 5 of 5

Thread: html/css cross browser compatability

  1. #1
    Junior Member
    Join Date
    Aug 2005
    Posts
    27

    html/css cross browser compatability

    Ok here is my problem. I am using a template for several pages. If I view it on FireFox(I have a mac) it is fine. I can view all the pages and everything renders great. However with safari and internet explorer nothing shows up. At all. it is just a blank white browser window. But if I view the source within the browser it is all there. So my question is why are the pages not rendering in safari and IE?

    I am using one template and one css style sheet.

    thanks
    Matt

  2. #2
    Senior Member SJT's Avatar
    Join Date
    Mar 2000
    Location
    London, UK
    Posts
    2,563
    Got a link to the site or files?
    Sam



  3. #3
    poet and narcisist argonauta's Avatar
    Join Date
    Nov 2001
    Location
    Under the bed
    Posts
    2,080
    if you remove the style sheet, does the page display (even if it gets ugly, the main thing is that the contents display first)? if they do, then it's a css problem, if they don't, then it's an html problem

    have you validated your html?
    a tag that is not properly closed may mess everything up
    what do you have on the header of the page? using xhtml or simple html?
    my blog: blog.innocuo
    Sponsored by your mom.

  4. #4
    Junior Member
    Join Date
    Aug 2005
    Posts
    27
    Alright guys
    thanks for your responses.

    I have been trying all day and have not come up with anything.
    Here is the code on one of my pages. I am thinking it has something to do with my template, because I have one page not using the template but is using the same css and rendering in all browsers.

    <html><!-- InstanceBegin template="/Templates/intranetSite.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0

    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
    if (restore) selObj.selectedIndex=0;
    }

    </script>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>intranetSite_080805</title>
    <!-- InstanceEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
    <link href="body.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (intranetSite_080805.psd) -->
    <table id="Table_01" width="800" height="250" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3">
    <img src="images/intranetSite_01.gif" alt="" width="800" height="63" border="0" usemap="#Map"></td>
    </tr>
    <tr>
    <td rowspan="5">
    <img src="images/intranetSite_02.gif" alt="" width="184" height="105" border="0" usemap="#Map2"></td>
    <td>
    <a href="intranetSite_PMG.htm"><img src="images/intranetSite_03.gif" alt="" width="186" height="27" border="0"></a></td>
    <td>
    <img src="images/intranetSite_04.gif" width="430" height="27" alt=""></td>
    </tr>
    <tr>
    <td>
    <a href="intranetSite_HR.htm"><img src="images/intranetSite_05.gif" alt="" width="186" height="18" border="0"></a></td>
    <td>
    <img src="images/intranetSite_06.gif" width="430" height="18" alt=""></td>
    </tr>
    <tr>
    <td>
    <a href="intranetSite_Exec.htm"><img src="images/intranetSite_07.gif" alt="" width="186" height="19" border="0"></a></td>
    <td>
    <img src="images/intranetSite_08.gif" width="430" height="19" alt=""></td>
    </tr>
    <tr>
    <td>
    <a href="intranetSite_SALES.htm"><img src="images/intranetSite_09.gif" alt="" width="186" height="18" border="0"></a></td>
    <td>
    <img src="images/intranetSite_10.gif" width="430" height="18" alt=""></td>
    </tr>
    <tr>
    <td>
    <a href="intranetSite_MAIL.htm"><img src="images/intranetSite_11.gif" alt="" width="186" height="23" border="0"></a></td>
    <td>
    <img src="images/intranetSite_12.gif" width="430" height="23" alt=""></td>
    </tr>
    <tr>
    <td colspan="3">
    <!-- InstanceBeginEditable name="pageTitle" --><img src="images/intranetSite_EXEC_13.gif" width="800" height="82" alt=""><!-- InstanceEndEditable --></td>
    </tr>
    <tr>
    <td colspan="3">&nbsp; </td>
    </tr>
    </table>
    <div class="body" id="body"><!-- InstanceBeginEditable name="text" -->text<!-- InstanceEndEditable -->
    </div>
    <!-- End ImageReady Slices -->

    </body>
    <!-- InstanceEnd --></html>

    thanks
    matt

  5. #5
    Junior Member
    Join Date
    Aug 2005
    Posts
    27
    cannot have javascript in the head of the template for other pages to use.

    matt

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center