• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

Your experience with browser incompatibilities with your code

B

Blizzy

New Member
have any experiences with code ... HTML, XHTML, CSS, javascript, ... that doesn't render correctly with the mainstream browsers out there? (IE 5, NN4, NN6, Opera 5).
 
I'm sure everyone can give you several examples without much difficulty though 'doesn't render correctly' is subjective
 
Would be hard to find someone that doesn't have that experience. It's a sad, sad world. :(
 
For some reason, the text on my site appears bold when viewed in Opera. I don't know why, and don't know any way to solve the problem.
 
It's something in your code. Don't spot it right off though. Is the whole right cell a blind link on purpose? :p
 
The right cell is not meant to be a blind link. It drives me damn crazy. Click in the wrong place and it opens an ad. The ad link is actually that History Channel banner at the top of the right cell. For some reason, the link is "all over" the right cell.
 
Yeah, I was going to copy some text to do a "Find" for that spot in the code and thought IE went mad. Windows everywhere. ;)
 
Well, the "blind link" is no mystery. You actually have linked the whole cell.
You have this:
Code: 
<table border="4" cellpadding="20" cellspacing="0" width="543" height="667">
<a href="http://www.qksrv.net/click-820939-517102" target="_blank" > 
<td height="75" width="501"> 
<p align="center">
<font face="Arial">
<img src="http://www.qksrv.net/image-820939-517102" width="468" height="60"
alt="Holiday videos, gifts and more" border="0">
</font>
</a> 
<tr>
The tags are overlapping and the table is screwed up. Try like so:
Code: 
<table border="4" cellpadding="20" cellspacing="0" width="543" height="667">
<tr> 
<td height="75" width="501"> 
<p align="center">
<font face="Arial">
<a href="http://www.qksrv.net/click-820939-517102" target="_blank" > 
<img src="http://www.qksrv.net/image-820939-517102" width="468" height="60"
alt="Holiday videos, gifts and more" border="0">
</a>
</font> . . . and so on
What program do you use? I smell F*ckPage. There is a lot of unnecessary code. Those two inner tables for instance. They don't do nothing. One two cell table is enough.
There's probably a similar reason for the bolded text in Opera. Try to clean the code up and I bet it will go away. :)
 
:eek: Yep, you smell correctly. The old sniffer is working. I attempted Dreamweaver, but didn't think it was a whole lot better. How should I go about cleaning up the code?
 
My nose is my most vital organ. :D

There isn't any easy way I'm afraid. Use any text editor or a HTML editor with that capacity except F*ckP.

Take away those inner tables and poor the content directly in the two cells. Possibly there's more of this kind. They don't hurt any. But they are messy and it's easier read the code of you get rid of them instead of correcting them.

If you aren't good at/used to hand editing a validator can be to good help. Start with everything it reports as "forbidden", check for not closed tags and so on. Have fun! :p;)

w3c has one of course but WDG's is easier to understand, equally good and gives some suggestions http://www.htmlhelp.com/tools/validator/. Most other online validators are pure crap, report false errors and shit.
 
I ran it through Dreamweaver's "Clean up HTML" but it didn't find anything. I tried WDG's and it found tons of stuff. Is there anyway to have it automatically correct the errors?
 
Originally posted by lucifer
I'm sure everyone can give you several examples without much difficulty though 'doesn't render correctly' is subjective
Click to expand...

more speifically, W3C compliant code... but browser messes up rendering the page.
 
All browsers have bugs. But all in all most browsers can handle standard HTML of the versions they were built for. Netscape4x browsers don't screw up correctly written tables. It's IE's sloppy-code rendering that makes people think they have written a correct table and that it's all Netscape's fault.
I think it's time for Netscape 4x to die. But for the reason that it's the last browser used by more than a few retro geeks that doesn't handle basic CSS. IE5 is no wiz either. but it's better.

So there! :p
 
that's why people should start using XHTML. HTML is outdated. Netscape 4 doesn't support XHTML... but Netscape 6 does. and so will future versions of IEs and Netscapes. I think Opera 5 does too, I'm not sure though. One thing to be sure is, once your site is in XHTML, it truly is standard. Every user of Netscape6+ or IE5+ will render is just fine.

I know all my new site designs will be in XHTML... :) And I'm also working to convert my old sites to it as well. I just love how CSS works... no more font tags is great too :)
 
Originally posted by meow
All browsers have bugs. But all in all most browsers can handle standard HTML of the versions they were built for. Netscape4x browsers don't screw up correctly written tables. It's IE's sloppy-code rendering that makes people think they have written a correct table and that it's all Netscape's fault.
I think it's time for Netscape 4x to die. But for the reason that it's the last browser used by more than a few retro geeks that doesn't handle basic CSS. IE5 is no wiz either. but it's better.

So there! :p
Click to expand...

yes it does. in some instances:

- when defining nested tables, netscape 4 sometimes screws up rendering tables when width is specified by a percentage value. this can be fixed, however, by defining width values the other way... without percentages and using static values.

- using the CSS "padding" style sux0rs with netscape 4 ... cellpadding totally becomes quirky.

- td backgrounds in nested tables render incorrectly with netscape 4... this is true for td's defined with CSS or with the background="" property (i think)

- in some other cases with using nested tables, text styles defined by CSS within a deeply nested TD tag do not work. this can be worked around, however, by not using the TD tag to define styles, but maybe a span tag within the nested TD tag to define the style instead. not elegant, but it works.
 
Last edited:
Originally posted by Agum
that's why people should start using XHTML. HTML is outdated. Netscape 4 doesn't support XHTML... but Netscape 6 does. and so will future versions of IEs and Netscapes. I think Opera 5 does too, I'm not sure though. One thing to be sure is, once your site is in XHTML, it truly is standard. Every user of Netscape6+ or IE5+ will render is just fine.

I know all my new site designs will be in XHTML... :) And I'm also working to convert my old sites to it as well. I just love how CSS works... no more font tags is great too :)
Click to expand...

I agree, Agum. But Netscape 6 is also quirky with XHTML! defining its DTD correctly in netscape like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

... makes the browser render tables quirky. the only way around this is to define a DTD like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

... which is not XHTML, but HTML 4.01. sux0rs :(
 
Originally posted by Blizzy
yes it does. in some instances:

- when defining nested tables, netscape 4 sometimes screws up rendering tables when width is specified by a percentage value.
Click to expand...
You may be right but I haven't experienced this. Can you show what you mean?
- using the CSS "padding" style sux0rs with netscape 4 ... cellpadding totally becomes quirky..
Click to expand...
Ahem, I said it could handle standard HTML but should die because it sucks at CSS. :p
- td backgrounds in nested tables render incorrectly with netscape 4... this is true for td's defined with CSS or with the background="" property (i think)
Click to expand...
See above + "background" in tables has never been standard. Be happy it renders at all.
- in some other cases with using nested tables, text styles defined by CSS
Click to expand...
See above.

So there! :p
 
You must log in or register to reply here.
Back
Top