My HTML Code is working fine in Firefox but Not in IE.

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • sateeshchandrasanga
    New Member
    • Sep 2008
    • 1
    #1

    My HTML Code is working fine in Firefox but Not in IE.

    Hi All,

    My HTML code is working fine in Firefox.But its not displaying any thing in IE.Can you help me in this problem.And in Google crown its displaying but not properly.


    contactus.html
    Code:
    <!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" />
<title>Motvik corporate</title>
<link rel="icon" href="images/smalllogo.gif" type="image/gif">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="778" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"><table width="778" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr>
          <td align="left" valign="top" class="header"><table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr>
                <td width="239" align="left" valign="top"><table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="19" align="left" valign="top">&nbsp;</td>
                      <td width="220" align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="220" height="68" align="left" valign="bottom"><a href="index.html"><img src="images/logo.gif" alt="logo" border="0"/></a></td>
                          </tr>
                          <tr>
                            <td width="220" height="33" align="left" valign="bottom"><a href="aboutus.html"><img src="images/aboutus.gif" alt="Company" width="70" height="14" border="0" /></a></td>
                          </tr>
                          <tr>
                            <td width="220" height="30" align="left" valign="bottom"><a href="products.html"><img src="images/products.gif" alt="Products" width="70" height="14" border="0" /></a></td>
                          </tr>
                          <tr>
                            <td width="220" height="33" align="left" valign="bottom"><a href="services.html"><img src="images/services1.gif" alt="Services" width="70" height="14" border="0" /></a></td>
                          </tr>
                          <tr>
                            <td width="220" height="36" align="left" valign="bottom"><a href="careers.html"><img src="images/career1.gif" alt="careers" width="70" height="14" border="0" /></a></td>
                          </tr>
                          <tr>
                            <td width="220" height="30" align="left" valign="bottom"><a href="contactus.html"><img src="images/contactus.gif" alt="Contacts" width="77" height="15" border="0" /></a></td>
                          </tr>
                        </table></td>
                    </tr>

                  </table></td>
                <td width="260" align="left" valign="top">&nbsp;</td>
                <td width="439" align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="65" height="34" align="left" valign="middle" ><a href="index.html"><img src="images/home.gif" alt="home" border="0" /></a></td>
                      <td width="65" height="34" align="left" valign="middle" ><a href="news.html"><img src="images/press.gif" alt="home" border="0" /></a></td>
                      <td width="65" height="34" align="left" valign="middle" ><a href="products.html"><img src="images/products1.gif" alt="home" border="0" /></a></td>

                    </tr>
                  </table></td>
              </tr>
            </table></td>
            <tr>  <td width="429" height="23" align="right" valign="top" class="td_line"></td></tr>
        </tr>
         <table>
         <tr>
         <td width="600">
         <p class="bighead1">Contact Motvik</p>

             <ul> <p class="bighead2">Motvik Technogies Private Ltd</p>
                  <p class="career_ovrview_text">#471/3, Kaikondarahalli village,<br>
                                                    Sarjapur Road, Beside TOTAL shopping mall,<br>
                                                    Bangalore - 560035,<br>
                                                    India.<br><br>
                                                    <strong>Phone : </strong><br>+91 80 - 25740382<br><br>

                                                    <strong>Email : </strong><br>contact@motvik.com</p></ul>
       </td>
       <td>
       <table width="190" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" align="center">
    <tbody>
    <tr>
        <td width="11"> </td><br>
            <td class="main_head_rightpanel" width="179" bgcolor="#cfcfcf">Latest News</td>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><div align="justify"><p class="news_text">Motvik launches new product ising (the community for indian music) website,wapsite. And Our other product wwigo new version got released with ads and bugfixes.</p></div></td>
      </tr>

      <tr>
        <td>&nbsp;</td>
        <td><p class="learn_more"><a href="news.html" class="learn_more">read more news... </a></p></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>

      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>

        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>

        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>


       </table>
        <tr>
          <td width="778" height="7" align="left" valign="top" class="td_line"><img src="images/blank_image_1px.gif" width="1" height="1" /></td>
        </tr>
        <tr>
          <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr>
          <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr valign="top">
              <td height="20" align="left" class="bottom_menu"><a href="index.html" class="bottom_menu"> HOME </a>
                  |<a href="privacy.html" class="bottom_menu"> PRIVACY </a> | <a href="terms.html" class="bottom_menu">TERMS</a>
                  | <a href="news.html" class="bottom_menu">NEWS</a> | <a href="aboutus.html" class="bottom_menu">ABOUTUS</a>
                </td>
                <td width="21" align="left">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="50" align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr>
                <td height="40" class="bottom_menu">&copy;&nbsp;MOTVIK. All Rights Reserved.</td>
                <td width="21" align="left" valign="top">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>[B]

style.css[/B]

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
form {
	margin:0;
	padding:0;
	}
p {
	padding:0;
	margin:0;
	}	
.header
{background-image:url(images/header_full_image.jpg);
height:254px;
width:778px;
background-repeat:no-repeat;
}
.search
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-style:normal;
font-weight:bold;
}
.welcome_text
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#737373;
font-style:normal;
line-height:12px;
text-align:left;
}
.td_line
{
border-bottom-color:#747575;
border-bottom-style:solid;
border-bottom-width:1px;
}
.learn_more
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CF1014;
font-style:bold;
text-decoration:none;
text-align:right;
}
.learn_more:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CF1014;
font-style:bold;
text-decoration:underline;
text-align:right;
}
.project_ovrview_image
{
background-image:url(images/2.jpg);
background-repeat:no-repeat;
width:449px;
height:131px;
}
.project_ovrview_text
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#737373;
font-style:normal;
line-height:14px;
text-align:justify;
}
.date
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CF1014;
font-style:normal;
}


.bottom_menu
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
text-decoration:none
}
.bottom_menu:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
text-decoration:none;
}
.input_field
{width:157px;
height:14px;
border:#666666 1px solid;
background-color:#B6B3B3;
color:#000000;
font-size:9px;
font-weight:normal;
text-decoration:none;
}
li
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-style:normal;
line-height:17px;
text-align:left;
padding:2px;
margin: 2px;
}
.bighead {
color:#FF6600;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}
.service_ovrview_text
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-style:normal;
line-height:17px;
text-align:justify;
width:500px;
}
h4
{
  color:#333399 ;
}
h5
{
  color:#737373 ;
}
.bighead2 {
color:#333399;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.career_ovrview_text
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-style:normal;
line-height:17px;
text-align:justify;
}

.main_head_rightpanel {
border-bottom:1px solid #BDD1E2;
color:#7777;
font-size:12px;
font-weight:bold;
height:14px;
margin-top:5px;
text-decoration:none;
text-indent:10px;
width:110px;
}
.White_body {
background-color:#FFFFFF;
border:1px solid #BFC8CF;
margin:45px;
width:911px;
}
.news_text
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-style:normal;
line-height:17px;
text-align:justify;
}
.aboutus
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-style:normal;
line-height:17px;
text-align:justify;
width:530px;
}
.bighead3 {
color:#333333;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.news
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-style:normal;
line-height:17px;
text-align:justify;
width:600px;
margin-left: 15px;
}
ul.news
{
  list-style-type: none;
  }
.bighead1 {
color:#D46202;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}
    Tags: None
    • Stang02GT
      Recognized Expert Top Contributor
      • Jun 2007
      • 1206
      #2
      Couple things....
      1st make sure you use [code] tags when you are posting code
      2nd make sure you are posting in the correct forum....softwa re developement is not the correct forum for HTML questions

      3rd IE, FireFox, Opera all these browsers display things differently you are going to need code in "Hacks" for some of these browers to display your code correctly.



      Lastly....moved to HTML forum

        Comment

        • David Laakso
          Recognized Expert Contributor
          • Aug 2008
          • 397
          #3
          Sorry, but...

          Never, ever, post an (x)html/css question before validating the document markup (58 errors) and validating the document CSS (3 errors). Validation may not solve the problem. But some of us like to take it for granted that you've at least taken and made some personal effort toward resolving your own issues before asking anyone else to debug "real" rather than machine errors and issues.

          Nor does anyone (at least speaking for myself, not the forum) have the time or patience to peck through your snippet to determine whether or not the information presented is tabular (a table is necessary); or non-tabular information that should therefore should be set as a tablelesss CSS layout.

            Comment

            Previous template Next
            Working...