3 Replies Latest reply on May 2, 2011 4:59 PM by Lampros_uk

    help with background image center position in firefox

    Lampros_uk
      See here on firefox<<<
      i dont know whats going wrong, i tried many different ways with divs only but doesnt work...
      any help appreciated...

      css
      /* CSS Document */


      body {
      background-image:url("resources.jpg");
      background:url("resources.gif") no-repeat center;
      }

      .textstyle01res {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:62%;
      color:#FFFFFF !important;
      text-align:center;
      padding-top:360px;
      text-decoration:none;
      }
      .textstyle01res a {
      color:#FFFFFF !important;
      text-align:center;
      padding-top:360px;
      text-decoration:none;
      }
      --------------

      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>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link href='res.css' rel="stylesheet" type="text/css" media="screen" />
      <title>Feast of Marriage - Resources</title>
      <style type="text/css">
      <!--
      body {
      background-color: #147972;
      }
      -->
      </style>
      </head>
      <body>
      <div style="width:940px; height:140px;">
      </div>


      <div style="padding-left:227px;" align="center">
      <table width="200" border="0">
      <tr>
      <td><img src="res-a.jpg" border="0" alt=""/></td>
      </tr>
      </table>
      </div>
      </body>
      </html>