I got a Problem how to make the HTML codes same in FF and IE..

**D-ultimate2008** · 12-28-2008, 03:01 PM

Hello!

Can someone help me on my problem, My Problem is I used Firefox to edit the Codes and View... and When I use IE.. the blahblah is quite 2x than FF.... and if I use blahblah FF is 2x and IE is exact... Please Help me how to make all the Codes same in FF and IE...

Codes:

<!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" lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="phstyle.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script language="javascript" type="text/javascript">
image1 = new Image();
image1.src = "images/Homelink.gif";

image2 = new Image();
image2.src = "images/Forumlink.gif";

image3 = new Image();
image3.src = "images/Contactslink.gif";

image4 = new Image();
image4.src = "Downloadlink.gif";
</script>
</head>
<center><body bgcolor="#0d0d0d" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="1100" height="1501" border="0" cellpadding="0" cellspacing="0">


<table id="style4" style="position:absolute; top:778px; left:136px; width:172px; height:120px;">
<tr>
<td align="left"><table cellpadding="5"><tr><td>[Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week![Promos] - No Promo this Week!<a href="http://www..com/forum" class="style1">[Click here!]</a></td>
</tr></table></td>
</tr>
<table id="style4" style="position:absolute; top:1175px; left:136px; width:167px; height:120px;">
<tr>
<td align="left"><table cellpadding="5"><tr><td>[Events] - Signature of the week is now Closed![Events] - No Events this Week![Events] - No Events this Week![Events] - No Events this Week![Events] - No Events this Week![Events] - No Events this Week!<a href="http://www..com/forum" class="style1">[Click here!]</a></td>
</tr></table></td>
</tr>
<table id="style4" style="position:absolute; top:1333px; left:963px; width:167px; height:120px;">
<tr>
<td align="center"><table cellpadding="5"><tr><td><center>Any Problems?Contacts us!<a href="mailto:info@pinoyzhub.50webs.com" class="style1">info@.50webs.com</a> <a href="http://www..com/forum" class="style1">[Click here!]</a></center></td>
</tr></table></td>
</tr>


</body>
</html>

Is there something missing or is there something wrong about my CODES?
I erased the Images to prevent of getting it...

**bluewalrus** · 12-28-2008, 11:34 PM

What do you mean blahblah.. br is a line break and should be coded It should be closed inside itself and anything after it will be broken that code you have written is not valid and is probably one problem..
Also you shouldn't have tables with in tables and you should close all elements. This is a simple break down of tags...

Code:

<table>This opens the table
<tr>This makes a row
<td>this makes a cell in that row
</td>this closes that cell
</tr>this closes that row
<tr>this would start a second row
<td>this starts the first cell in the second row
<p> This opens a paragraph within this cell and row .
<br />This is a new line inserted with in the paragraph
<br /> another new line with an image
<img src="name.gif" /> (img self close as well as does the br the meta and many other tags)
</p> This closes the paragraph
</td>this closes that cell
</tr>This closes that second row
</table>this closes the table

You could use divs in place of your tables and give them borders.

**D-ultimate2008** · 12-29-2008, 12:00 AM

Thanks for the reply and the Info... =D

What do u mean closed inside?? is it like this ???? or CODE?? or CODE ??

And one more problem....

How can I center the HTML codes and the Images... because if i dont center them.. other users uses 800x600 monitor while other 1280x1024 or 1024x768....
can u give me the codes???

and does DIV code exactly make FF view be the same in IE view?

**bluewalrus** · 12-29-2008, 12:20 AM

No, is the code it self and it closes it self unlike paragraph where you have to close it when you want it endedexample this would be ended here.

The div does not go in front of the table but inplace of it like <div id=table1"> Stuff from table goes here</div>. set it to the height and width you have with the css (#table1 {height:###px; width:###px; border:5px #000000 solid; } that border will make it 5 pixels wide solid black. Make sense?

**D-ultimate2008** · 12-29-2008, 12:38 AM

But can I also use like this kind of coding:

<div id="style4" style="position:absolute; width:266px; height:120px; top:211px; left:311px;">...

and about the Overflow... i used overflow for FF and it works.. but in IE.. it doesnt... can u please give me a code for both FF and IE??...

and How can I center the HTML codes and the Images... because if i dont center them.. I made the Coding in 1024x768 monitor.. but when Im using 1280x1024 the Images remain in the Left side.... please help me how to center all of them...
can u give me the codes???

and does DIV code exactly make FF view be the same in IE view?

Thank you again for your Kind and Wonderful Information... ^^ I've just coded them exactly... ^^

**bluewalrus** · 12-29-2008, 12:42 AM

can you give me a link as far as i knew overflow:auto worked in ie (99.7% sure) ...
margin:auto; within a div containing all of the page content should center your page.

Try putting your code threw this http://validator.w3.org/

**Snookerman** · 12-29-2008, 07:43 AM

Just a quick note here, you really shouldn't be using XHTML for several reasons, one of them being that IE doesn't support it and it might cause the problems you have. HTML 4 strict is a much better option for you. If you have time take a look at this article:
http://www.webdevout.net/articles/beware-of-xhtml

Thread: I got a Problem how to make the HTML codes same in FF and IE..

Thread Tools

Search Thread

I got a Problem how to make the HTML codes same in FF and IE..

Bookmarks

Bookmarks

Posting Permissions