468,104 Members | 1,320 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,104 developers. It's quick & easy.

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

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Motvik corporate</title>
  6. <link rel="icon" href="images/smalllogo.gif" type="image/gif">
  7. <style type="text/css">
  8. <!--
  9. body {
  10.     margin-left: 0px;
  11.     margin-top: 0px;
  12.     margin-right: 0px;
  13.     margin-bottom: 0px;
  14. }
  15. -->
  16. </style>
  17. <link href="style.css" rel="stylesheet" type="text/css" />
  18. </head>
  19.  
  20. <body>
  21. <table width="778" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  22.   <tr>
  23.     <td align="left" valign="top"><table width="778" border="0" align="left" cellpadding="0" cellspacing="0">
  24.         <tr>
  25.           <td align="left" valign="top" class="header"><table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  26.               <tr>
  27.                 <td width="239" align="left" valign="top"><table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  28.                     <tr>
  29.                       <td width="19" align="left" valign="top">&nbsp;</td>
  30.                       <td width="220" align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  31.                           <tr>
  32.                             <td width="220" height="68" align="left" valign="bottom"><a href="index.html"><img src="images/logo.gif" alt="logo" border="0"/></a></td>
  33.                           </tr>
  34.                           <tr>
  35.                             <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>
  36.                           </tr>
  37.                           <tr>
  38.                             <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>
  39.                           </tr>
  40.                           <tr>
  41.                             <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>
  42.                           </tr>
  43.                           <tr>
  44.                             <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>
  45.                           </tr>
  46.                           <tr>
  47.                             <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>
  48.                           </tr>
  49.                         </table></td>
  50.                     </tr>
  51.  
  52.                   </table></td>
  53.                 <td width="260" align="left" valign="top">&nbsp;</td>
  54.                 <td width="439" align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  55.                     <tr>
  56.                       <td width="65" height="34" align="left" valign="middle" ><a href="index.html"><img src="images/home.gif" alt="home" border="0" /></a></td>
  57.                       <td width="65" height="34" align="left" valign="middle" ><a href="news.html"><img src="images/press.gif" alt="home" border="0" /></a></td>
  58.                       <td width="65" height="34" align="left" valign="middle" ><a href="products.html"><img src="images/products1.gif" alt="home" border="0" /></a></td>
  59.  
  60.                     </tr>
  61.                   </table></td>
  62.               </tr>
  63.             </table></td>
  64.             <tr>  <td width="429" height="23" align="right" valign="top" class="td_line"></td></tr>
  65.         </tr>
  66.          <table>
  67.          <tr>
  68.          <td width="600">
  69.          <p class="bighead1">Contact Motvik</p>
  70.  
  71.              <ul> <p class="bighead2">Motvik Technogies Private Ltd</p>
  72.                   <p class="career_ovrview_text">#471/3, Kaikondarahalli village,<br>
  73.                                                     Sarjapur Road, Beside TOTAL shopping mall,<br>
  74.                                                     Bangalore - 560035,<br>
  75.                                                     India.<br><br>
  76.                                                     <strong>Phone : </strong><br>+91 80 - 25740382<br><br>
  77.  
  78.                                                     <strong>Email : </strong><br>contact@motvik.com</p></ul>
  79.        </td>
  80.        <td>
  81.        <table width="190" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" align="center">
  82.     <tbody>
  83.     <tr>
  84.         <td width="11"> </td><br>
  85.             <td class="main_head_rightpanel" width="179" bgcolor="#cfcfcf">Latest News</td>
  86.       <tr>
  87.         <td>&nbsp;</td>
  88.         <td>&nbsp;</td>
  89.       </tr>
  90.       <tr>
  91.         <td>&nbsp;</td>
  92.         <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>
  93.       </tr>
  94.  
  95.       <tr>
  96.         <td>&nbsp;</td>
  97.         <td><p class="learn_more"><a href="news.html" class="learn_more">read more news... </a></p></td>
  98.       </tr>
  99.       <tr>
  100.         <td>&nbsp;</td>
  101.         <td>&nbsp;</td>
  102.       </tr>
  103.  
  104.       <tr>
  105.         <td>&nbsp;</td>
  106.         <td>&nbsp;</td>
  107.       </tr>
  108.       <tr>
  109.         <td>&nbsp;</td>
  110.         <td>&nbsp;</td>
  111.       </tr>
  112.       <tr>
  113.  
  114.         <td>&nbsp;</td>
  115.         <td>&nbsp;</td>
  116.       </tr>
  117.       <tr>
  118.         <td>&nbsp;</td>
  119.         <td>&nbsp;</td>
  120.       </tr>
  121.       <tr>
  122.         <td>&nbsp;</td>
  123.  
  124.         <td>&nbsp;</td>
  125.       </tr>
  126.     </table></td>
  127.   </tr>
  128.  
  129.  
  130.        </table>
  131.         <tr>
  132.           <td width="778" height="7" align="left" valign="top" class="td_line"><img src="images/blank_image_1px.gif" width="1" height="1" /></td>
  133.         </tr>
  134.         <tr>
  135.           <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  136.               <tr>
  137.           <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  138.               <tr valign="top">
  139.               <td height="20" align="left" class="bottom_menu"><a href="index.html" class="bottom_menu"> HOME </a>
  140.                   |<a href="privacy.html" class="bottom_menu"> PRIVACY </a> | <a href="terms.html" class="bottom_menu">TERMS</a>
  141.                   | <a href="news.html" class="bottom_menu">NEWS</a> | <a href="aboutus.html" class="bottom_menu">ABOUTUS</a>
  142.                 </td>
  143.                 <td width="21" align="left">&nbsp;</td>
  144.               </tr>
  145.             </table></td>
  146.         </tr>
  147.         <tr>
  148.           <td height="50" align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  149.               <tr>
  150.                 <td height="40" class="bottom_menu">&copy;&nbsp;MOTVIK. All Rights Reserved.</td>
  151.                 <td width="21" align="left" valign="top">&nbsp;</td>
  152.               </tr>
  153.             </table></td>
  154.         </tr>
  155.       </table></td>
  156.   </tr>
  157. </table>
  158. </body>
  159. </html>
  160.  
  161. style.css
  162.  
  163. body {
  164.     font-family: Arial, Helvetica, sans-serif;
  165.     background-color:#ffffff;
  166.     padding:0px;
  167.     margin:0px;
  168. }
  169.  
  170. td {
  171.     font-family: Arial, Helvetica, sans-serif;
  172. }
  173.  
  174. th {
  175.     font-family: Arial, Helvetica, sans-serif;
  176. }
  177. form {
  178.     margin:0;
  179.     padding:0;
  180.     }
  181. p {
  182.     padding:0;
  183.     margin:0;
  184.     }    
  185. .header
  186. {background-image:url(images/header_full_image.jpg);
  187. height:254px;
  188. width:778px;
  189. background-repeat:no-repeat;
  190. }
  191. .search
  192. {font-family:Arial, Helvetica, sans-serif;
  193. font-size:12px;
  194. color:#ffffff;
  195. font-style:normal;
  196. font-weight:bold;
  197. }
  198. .welcome_text
  199. {font-family:Arial, Helvetica, sans-serif;
  200. font-size:11px;
  201. color:#737373;
  202. font-style:normal;
  203. line-height:12px;
  204. text-align:left;
  205. }
  206. .td_line
  207. {
  208. border-bottom-color:#747575;
  209. border-bottom-style:solid;
  210. border-bottom-width:1px;
  211. }
  212. .learn_more
  213. {
  214. font-family:Verdana, Arial, Helvetica, sans-serif;
  215. font-size:11px;
  216. color:#CF1014;
  217. font-style:bold;
  218. text-decoration:none;
  219. text-align:right;
  220. }
  221. .learn_more:hover
  222. {
  223. font-family:Verdana, Arial, Helvetica, sans-serif;
  224. font-size:11px;
  225. color:#CF1014;
  226. font-style:bold;
  227. text-decoration:underline;
  228. text-align:right;
  229. }
  230. .project_ovrview_image
  231. {
  232. background-image:url(images/2.jpg);
  233. background-repeat:no-repeat;
  234. width:449px;
  235. height:131px;
  236. }
  237. .project_ovrview_text
  238. {font-family:Arial, Helvetica, sans-serif;
  239. font-size:11px;
  240. color:#737373;
  241. font-style:normal;
  242. line-height:14px;
  243. text-align:justify;
  244. }
  245. .date
  246. {
  247. font-family:Arial, Helvetica, sans-serif;
  248. font-size:11px;
  249. color:#CF1014;
  250. font-style:normal;
  251. }
  252.  
  253.  
  254. .bottom_menu
  255. {
  256. font-family:Arial, Helvetica, sans-serif;
  257. font-size:11px;
  258. color:#333333;
  259. text-align:center;
  260. text-decoration:none
  261. }
  262. .bottom_menu:hover
  263. {
  264. font-family:Arial, Helvetica, sans-serif;
  265. font-size:11px;
  266. color:#333333;
  267. text-align:center;
  268. text-decoration:none;
  269. }
  270. .input_field
  271. {width:157px;
  272. height:14px;
  273. border:#666666 1px solid;
  274. background-color:#B6B3B3;
  275. color:#000000;
  276. font-size:9px;
  277. font-weight:normal;
  278. text-decoration:none;
  279. }
  280. li
  281. {
  282. font-family:Arial, Helvetica, sans-serif;
  283. font-size:12px;
  284. color:#333333;
  285. font-style:normal;
  286. line-height:17px;
  287. text-align:left;
  288. padding:2px;
  289. margin: 2px;
  290. }
  291. .bighead {
  292. color:#FF6600;
  293. font-family:Arial,Helvetica,sans-serif;
  294. font-size:16px;
  295. font-weight:bold;
  296. }
  297. .service_ovrview_text
  298. {font-family:Arial, Helvetica, sans-serif;
  299. font-size:12px;
  300. color:#333333;
  301. font-style:normal;
  302. line-height:17px;
  303. text-align:justify;
  304. width:500px;
  305. }
  306. h4
  307. {
  308.   color:#333399 ;
  309. }
  310. h5
  311. {
  312.   color:#737373 ;
  313. }
  314. .bighead2 {
  315. color:#333399;
  316. font-family:Verdana,Arial,Helvetica,sans-serif;
  317. font-size:13px;
  318. font-weight:bold;
  319. }
  320. .career_ovrview_text
  321. {font-family:Arial, Helvetica, sans-serif;
  322. font-size:12px;
  323. color:#333333;
  324. font-style:normal;
  325. line-height:17px;
  326. text-align:justify;
  327. }
  328.  
  329. .main_head_rightpanel {
  330. border-bottom:1px solid #BDD1E2;
  331. color:#7777;
  332. font-size:12px;
  333. font-weight:bold;
  334. height:14px;
  335. margin-top:5px;
  336. text-decoration:none;
  337. text-indent:10px;
  338. width:110px;
  339. }
  340. .White_body {
  341. background-color:#FFFFFF;
  342. border:1px solid #BFC8CF;
  343. margin:45px;
  344. width:911px;
  345. }
  346. .news_text
  347. {font-family:Arial, Helvetica, sans-serif;
  348. font-size:11px;
  349. color:#333333;
  350. font-style:normal;
  351. line-height:17px;
  352. text-align:justify;
  353. }
  354. .aboutus
  355. {font-family:Arial, Helvetica, sans-serif;
  356. font-size:12px;
  357. color:#333333;
  358. font-style:normal;
  359. line-height:17px;
  360. text-align:justify;
  361. width:530px;
  362. }
  363. .bighead3 {
  364. color:#333333;
  365. font-family:Verdana,Arial,Helvetica,sans-serif;
  366. font-size:13px;
  367. font-weight:bold;
  368. }
  369. .news
  370. {font-family:Arial, Helvetica, sans-serif;
  371. font-size:12px;
  372. color:#333333;
  373. font-style:normal;
  374. line-height:17px;
  375. text-align:justify;
  376. width:600px;
  377. margin-left: 15px;
  378. }
  379. ul.news
  380. {
  381.   list-style-type: none;
  382.   }
  383. .bighead1 {
  384. color:#D46202;
  385. font-family:Arial,Helvetica,sans-serif;
  386. font-size:16px;
  387. font-weight:bold;
  388. }
Sep 19 '08 #1
2 2606
Stang02GT
1,208 Expert 1GB
Couple things....
1st make sure you use [code] tags when you are posting code
2nd make sure you are posting in the correct forum....software 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
Sep 20 '08 #2
David Laakso
397 Expert 256MB
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.
Sep 20 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

6 posts views Thread by Mark Olbert | last post: by
7 posts views Thread by Coder | last post: by
16 posts views Thread by Eric | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.