OK first of all let me say i'm not much of a design guy. Most of the work i do is usually on the backend/infrastructure (WCF,DB,Buisness Objects). We don't have a formal web designer unless you consider someone with a communication major who uses frontpage type programs to design web pages a web designer. I know basic HTML of course but i have not kept up with the latest design technology/standards in HTML: XHTML, CSS Design, ect...
Today i was given the task of some pretty major design changes of some of our webforms. The pages were a total mess!!! Most of the alignment was done using nested tables. I got everything to look right and it looked fine in IE7. Our site says we support both firefox & ie. So i go and try to and load it in firefox (latest version) and boy did it look messed up. At first i thought....well the browsercaps must not be installed in the machine.config on my machine (which is a mess in itself the way its maintained :)). So i go to codeproject, which unfortunately where i think its maintained, and get the latest version (which i think is from 2006) and it makes no difference. So then i go try a slew of different browsers: Opera, Chrome, and Safari. It looks slightly different on them but well within acceptable limits. Firefox is really the only browser that looks messed up. So after trying and trying all kind of different layout options (which many worked for all browser but not firefox) i was getting very frustrated and about to pull out the little hair i had.
After going through all of this.....i'm thinking THERE HAS TO BE A BETTER WAY!!!!!!!!!! How can you use tables for precise layout? There are to many differences in browser rendering especially when your layout requirements are very precise (for example there was code where they were attempting to draw draw a line under a custom header by using the bottom border on each TD in the header section which is one of a few areas firefox was screwing up). I know the layout can be accomplished with CSS (eventhough ive never did it). Please tell me its a lot more browser independent or at least give me some pointers so i know the code we are wrighting will be browser complaint....which i don't know how hard it is since how many browsers are 100% ACID complaint?
Any pointers/suggestions would be appreciated.
thanks, Ncage
Edit: Thanks guys for all your help....i really appreciate it. All your comments were extremly helpful.