dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Browser compatibility problem.Please help

  1. #1
    Join Date
    Jan 2014
    Posts
    3

    Browser compatibility problem.Please help

    When i am running this code in mozilla then its working fine but in chrome the alignment changes.


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>ALM- Course Outline</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" align="center" link="#3399CC" vlink="#909090">
    <table cellpadding="0" cellspacing="0" align="center" height="185" width="750"
    >

    <tr>
    <td height="434">
    <table width="1000" align="center" cellpadding="0" cellspacing="0" height="26">
    <tr>
    <td colspan="2" height="51" bgcolor="#FFFFFF">
    <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="images/header.jpg" width="1000" height="127" position="relative" top="20"></font></div>
    </td>

    </tr>
    </table>
    <table width="1000" align="center" cellpadding="3" cellspacing="0" bordercolor="#FFFFFF">
    <tr>
    <td height="2" valign="middle" bgcolor="#FFFFFF" colspan="2">
    <div >
    <p align="left"><font face="Arial, Helvetica, sans-serif" size="4"><b><font face="Verdana, Arial, Helvetica, sans-serif" color="#1771d6">
    Asset Liability Management</font></b></font></p>
    <font face="Verdana, Arial, Helvetica, sans-serif" size="2">A comprehensive e-learning product covering Global Best Practices, Strategic,Operational and Analytical aspects</font>
    </div>

    </td>
    </table><BR>
    <div style="position:absolute"> <!-- start div for image -->
    <img style="z-index: -1;" src="color_box.jpg" width="1000" height="347" top="50"> <!-- the image -->
    </div> <br><br> <!-- end div -->
    <div style="position:absolute; z-index: 1; width: 510px; height:310px; background:#222222; position: relative; left:10; top:-17">
    <div style="margin: auto; color: #fff" ><font face="Verdana, Arial, Helvetica, sans-serif"><font size="5" color="#37cded">&thinsp;The themes of this product are:</font>
    <br>
    <font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Exposure by 'Choice' not
    by 'Chance'</font>
    <br> <br>
    <font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Assets and Liabilities
    may be good when viewed in isolation <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;but what is &nbsp;required is a
    proper match between them</font><br><br>
    <font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;An integrated approach
    with our proprietary 9-Part Framework<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for ALM</font><br><br>
    <font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Examine not only what is
    On-Balance Sheet and Off-Balance<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sheet but also what is behind the Balance Sheet <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Quality of
    &nbsp;Risk Management Infrastructure)</font>
    </div>


    <div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-144">
    <img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
    <br></div>
    <div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-145">
    <img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
    <br></div>
    <div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-145">
    <img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
    <br></div>
    <div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-146">
    <img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
    <br></div>
    <div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-148">
    <img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
    <br></div>

    <div style="position:absolute ; z-index: 1; width: 220px; height:263px; background:#222222; position: relative; left:760; top:-382">
    <br><br><br>
    <a href="#highlights" STYLE="TEXT-DECORATION: NONE"><font face="Verdana, Arial, Helvetica, sans-serif" color="ffffff">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Highlights
    </font><br><br>

    <a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Library of 28 Courses
    </font><br><br>
    <a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Available Products
    </font><br><br>
    <a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Upcoming Products
    </font><br><br>
    <a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Reply Form
    <br><br><br>
    </font>
    </div>

  2. #2
    Join Date
    Jan 2014
    Posts
    11
    For starters you're not defining a unit of measurement in a lot of places (px, %, em).
    Browsers probably assume it's pixels, but you should define a unit.
    I use % and em for almost everything, and the display is uniform across all browsers, except that pesky IE, for which I sometimes need to create a seperate stylesheet. When I had used fixed units on a recent project, it displayed differently in Chrome; using dynamic units fixed that issue for me.

  3. #3
    Join Date
    Mar 2011
    Posts
    1,158
    You're using a <!DOCTYPE> that will cause browsers to render your page in "Quirks Mode" where every browser is a bit different. You want to use a complete <!DOCTYPE> that will set browsers to "Standards Compliance Mode" so that they all at least try to render pages according to the W3C Standards. Search on "DOCTYPE switch" and you'll find some good advice about choosing a DOCTYPE.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles