Hey I know it’s completely cheating but sometimes it takes me ages to work out the issue with cross browser CSS. Does anyone know if there’s a tool to help with this?
I tried this: http://www.onderhond.com/tools/ie6fixer but it didn’t seem to help
Most IE issues are known and easily fixed so I wouldn’t put my faith in any tools as such because the solutions always vary depending on the situation.
The main cuplrit is of course IE and is easy to target and put right. (Indeed there’s not much you can do if other browsers show something different assuming you have coded correctly from the start.)
IE is pretty easy to fix (most of the time) and the issues are either the known bugs or haslayout issues. Haslayout probably accounts for 90% of bugs so if you learn about haslayout and when to apply it and when not to apply it you will save a lot of headaches.
The other short cut to solving cross browser issues is to check your design at regular stages during development and not wait until the end when it is often too late as you have built the page on a foundation that one browser may not understand properly.
On a daily basis we the same issues over and over again: double margin float bug in ie6, margins and padding not accounted for properly, overstating dimensions, dimensions that don’t add up, flawed layout concepts. It’s really a matter of creating the right structured approach to each layout and using the right techniques at the right time.
There will always be bugs but you can limit there effect if you code efficiently and correctly from the start. It’s really a matter of practice and perseverance I’m afraid.
Hey thanks for the reply! Has Layout solved it! Hurruh!
I checked margins, borders, etc., but did not know of haslayout!
Indeed it somehow matched the div to the H1 above it (I really don’t know how that works the H1 closed before the div). Either way, but adding a width to my UL it resolved the issue.
Thanks my man, I nominate you the “peoples hero”