Click to See Complete Forum and Search --> : How to code for all browsers
Duke Will
02-16-2007, 07:43 AM
I put two forms on a page, testing them. Both work in IE but IE puts a weird border around the cells in the form. Conversely, one form doesn't even show up on the page in Firefox.
I like Firefox but 90% of the market is IE. I can't for the life of me figure out the problems above. And in general, I was wondering how do you figure out these browser-specific issues?
Without seeing any code or page we can't help
toicontien
02-16-2007, 10:50 AM
The first thing I always do when trouble shooting display problems is validate my markup: http://validator.w3.org/
Then I validate my CSS: http://jigsaw.w3.org/css-validator/
Once both validate (minus warnings in my CSS) then I start looking into browser compatibility issues. Since browsers are supporting Web standards more and more, code to the standards first. Then adjust for browser quirks after.
Duke Will
02-16-2007, 11:51 AM
Without seeing any code or page we can't help
That's not the question. :D
It's a general question about coding. If I can't figure out this specific problem, I'll post on it. Thanks.
Duke Will
02-16-2007, 11:52 AM
Since browsers are supporting Web standards more and more, code to the standards first. Then adjust for browser quirks after.
How do you know the browser quirks?
toicontien
02-16-2007, 12:47 PM
Experimentation. Some are known: http://www.positioniseverything.net/ -- and reading: http://www.alistapart.com/
Basically as I mentioned before, code your HTML and CSS to the standards. Read up on the standards at www.w3schools.com and www.w3.org (http://www.w3.org/). When you see something that doesn't look right, first check the standards to make sure you aren't misinterpreting something, then you can search the web or use the aforementioned sites as references to find the browser bugs and maybe solutions for those bugs. Trial and error really.