PDA

Click to See Complete Forum and Search --> : Different results in Firefox and IE?

Ant_Magma
02-09-2008, 03:28 AM
Hi guys. I'm a newbie to web publishing and currently i use tables to layout my site. I have this problem where the tables display differently with Firefox and IE.

I use Frontpage 2002 and normally i would remove the borders of my tables. This displays in IE 6.0 fine, but the border lines still appear in Firefox 2.0.0.11. Any idea what is wrong?
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>table1</title>
</head>

<body>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%">
<tr>
<td width="33%" style="border-style: none; border-width: medium">
<font face="Arial">table1</font></td>
<td width="33%" style="border-style: none; border-width: medium">
<font face="Arial">table2</font></td>
<td width="34%" style="border-style: none; border-width: medium">
<font face="Arial">table3</font></td>
</tr>
<tr>
<td width="33%" style="border-style: none; border-width: medium">
<font face="Arial">table4</font></td>
<td width="33%" style="border-style: none; border-width: medium">
<font face="Arial">table5</font></td>
<td width="34%" style="border-style: none; border-width: medium">
<font face="Arial">table6</font></td>
</tr>
<tr>
<td width="33%" style="border-style: none; border-width: medium">　</td>
<td width="33%" style="border-style: none; border-width: medium">　</td>
<td width="34%" style="border-style: none; border-width: medium">　</td>
</tr>
</table>

</body>

</html>
Amahdy
02-09-2008, 09:11 AM
FireFox has its own interpreter and IE has its own too so you should expect different results ... but 99% firefox results are more accurate ... also upgreading is needed .. maybe IE7 hasn't this problem :

remove (border="1") from "<table " tag.

**actually there is too many attributes not needed in this tag .. if you don't want borders at all .. change this:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%">
to:
<table width="100%">
Ant_Magma
02-12-2008, 09:01 AM
Hey, that did it! Thanks for the tip Amahdy.

I actually used Frontpage that's why the code was generated like that.
brianMedine
02-28-2008, 02:26 PM
It doesn't help that IE6 is very broken, the entire box model is just garbage, so everything gets skewed funny. Unfortunatly it's still a major browser and has to be compesated for.. I guess that's why we have IE CSS hacks :)
ssteve
03-04-2008, 02:48 AM
I still believe IE7 is much better than FireFox. I mostly use "<div>" tag for design implementations which sometimes gives undesirable alignment issues in Firefox but works well in IE6/7. I use "align" and "valign" attributes for allignment which don't seem to work with FireFox :(.
Amahdy
03-04-2008, 06:08 PM
first valign is not a standard property for "div" .. it's for tables only ... you need to use CSS styles with divs ...
align is acting with table <tr> and <td> differently from the case for "div" ...

seems your code is not well formated, IE as usually ignore bugs .. and display things as they come ... sometimes you like the look .. but usually you won't ...

BE sure that when firefox doesn't act as you expect then it's your coding problem, it has a bug and you should fix it to be standard and make everybody able to see your web pages correctly ...

if you have any problems on how t format your web pages feel free to open a new thread and explain your problem and of course you 'll get good answers from DevX GURU ;)
headen
03-06-2008, 05:11 AM
I still believe IE7 is much better than FireFox. I mostly use "<div>" tag for design implementations which sometimes gives undesirable alignment issues in Firefox but works well in IE6/7. I use "align" and "valign" attributes for allignment which don't seem to work with FireFox :(.

Firefox and IE both has their own interpretor and show results according to them. but you should make your page according to them. So use the HTML tags that are suitable for both.
Hack
03-06-2008, 07:00 AM
But how can you tell which browser is being used so your code would know which tags to use?
Amahdy
03-06-2008, 04:34 PM
I confirm that 99% firfox interpreter is more standard .. and if you adjust your work with FF that will solve 80% of IE display problems ...

Hack: like in AJAX there is usually some if else statement to check which browser is used and which code should be executed ... I hate this of course .. your code will be :
if(Is_IE)
//some code
else if(Is_FF)
//other code
else if(Is_opera)
//other code
else if(Is_IE_Less_than4)
//other code
...and so on , so you have to write bunch of codes to execute simple statement !!!
Hack
03-07-2008, 09:10 AM
Ah....that does look messy. So, basically you are saying that you would have to code for any and all possible browsers. Sounds tedious.....thanks for the explanation. :)
Ant_Magma
03-08-2008, 12:50 AM
Wow..seems like we can start a whole chapter discussing just the differences of FF and IE interpreters.

Amahdy mentioned that FF have a much more standard interpreter and if it looks good on FF, it'll definitely look good on IE.

Since i'm using Frontpage naturally the codes will be more 'IE-oriented'. Are there any other WYSIWYG software that is more FF-oriented?
Amahdy
03-08-2008, 01:57 AM
if you're just using HTML code, that won't be a big difference and maybe there isn't any difference ... but if you just want to upgreat to use CSS troubles will start ...
if you edit your static pages directly from the "design view" .. CSS sheets will automatically be created thus I would recommend better using DreamWaver as website development tool ;
however, I have to mention that normally frontpage won't generate wrong code ... and generally this happens when you edit your code yourself :
frontpage won't mention that the CSS or java-script is wrong formated, and also maybe will accept it and display it in a wrong nonstandard method that won't run correctly on other browsers.
finally , because dreamwaver has many other problems too, if you re professional in web development ... i would recommend to use notepad++ better and better... (it's also free open source project) .
Hack
03-10-2008, 07:43 AM
Are there any other WYSIWYG software that is more FF-oriented?Not that I know of or could find doing a Google search.
Splitter
03-10-2008, 04:07 PM
IE 6 and IE 7 have both different interpretters, IE 7 shows almost as Firefox but IE 6 behaves differently.
Amahdy
03-10-2008, 06:13 PM
yes IE7 has a big number of fixed bugs but there still existing ...