Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Firefox and IE... frustrating

Status
Not open for further replies.
thepain009

thepain009

Technical User
Oct 22, 2005
42
US
IR and Firefox render everything very differently... and its quite annoying. Im creating a website where im trying to absolute position' things on a table. The problem is that the table is bigger in Firefox then IE, and I'm using the same exact code.

Here is an example:

example5jy.jpg


and code for it:

<body>

<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="46">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

</body>

The difference is the same, but after 20 rows, the difference is 20x larger!
Is there a way to make it be the same size?
 
Sort by date Sort by votes
IR and Firefox render everything very differently... and its quite annoying.
Click to expand...
That's just the way it is. Back when IE and Netscape were fighting over who win the 'browser wars', they each came up with their own ways of rendering content (and even invented their own proprietory tags).

These days we have the nice friendly W3C (World Wide Web Consortium) to define standards for how things should be. Well, we had the W3C back in the browser wars days, but noone really listened to them then. They're headed up by Sir Tim Berners Lee (he invented the web, you know. No, really, he did. Google him up if you don't believe!) so they really are the boss when it comes to all things web.

Anyway, standards compliance. This means doing things the way the W3C say it should be done. IE doesn't really do things the way they should be done, ergo it's non-compliant. Firefox is pretty much standards compliant (so if it works in FF, it'll probably work in every other standards-based browser, such as Konqueror, Opera, Safari et al). Almost every cross-browser web developer will develop using a standards platform like FF, then add additional CSS hacks specifically for IE.

Check out terms like doctype, box-model and web standards for a heap of sites that'll teach you about stuff like this. And bookmark the W3C's HTML Validator and CSS Validator.

I almost always recommend these sites, so I'll do it again for luck: CSS Zen Garden, A List Apart, Zeldman's blog, Dive Into Mark, and Eric Meyer.


By the way, what are you using tables for? If it's for layout, take a step back and grab a good book on CSS. Tables are for tabular data - such as calendars, or house price against year of construction - well, you get the idea. Not layout, anyway.

---
Marcus
better questions get better answers - faq581-3339
accessible web design - zioncore.com
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
802
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
211
lmcate
lmcate
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
666
PeDa
PeDa
pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
174
pendle666
pendle666
jason.lex
  • Locked
  • Question
Bootstrap grid and columns question
Replies
0
Views
131
jason.lex
jason.lex

Part and Inventory Search

Sponsor

Back
Top