Most CSS developers, including wordpress theme developers and web page designers, would like to see how the different browser rendering engines and DOM engines process their CSS.An XHTML Strict web page can look dramatically different depending on the browser used to view it.
How to test web page design in various browsers?
Testing web page layouts and design in varied browsers is made easy by Browsershots.Browsershots is a free open-source online service that takes screenshots of your web page design in different browsers.
Go to Browsershots and submit your web page address.Browsershots will add it to the job queue.Bookmark this page or keep this page open in your browser.A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server.Return to the bookmarked browsershots page and you will be presented with the screenshots from the central server.
Thilak reported me a bug on Techblissonline.com.This is what he said:
BTW, the comment text area is a bit buggy for me. I guess, comment preview is to be blamed for this.
He was right, but it was not a bug with comment preview.Rather it was a CSS issue.The footer of this blog has a container div that holds four child divs.These child divs had the CSS float property set on it.Initially i fixed it for Firefox by commenting out the position property for these divs.Earlier I had assigned position property as “relative” for these child divs.
But the issue persisted in IE(version 6.0.2800).The fact that IE has issues in rendering floats(known popularly as “escaping floats bug”) is well known.IE 6 does not fully comply with W3C standards.
How did i fix the floats problem/bug in IE?
The container div had no height set on it.This caused the floating child divs to escape.I resolved this issue by giving a height to the containing div.But many do not prefer this solution, as it would give a fixed height to the container.PIE has the solution.