NovoGeek.com - Krishna's weblog

A technical blog on jQuery, AJAX, JavaScript & modern web technologies

The markup i.e., (X)HTML of your web page exists in many versions such as: HTML 4.01 Strict, XHTML 1.0 Transitional, XHTML 1.0 Strict etc. A web browser parses your web page and renders the content based on the version in which your markup exists. This information will be available to the browser though the DOCTYPE declaration. It should be declared before the <html> tag and looks like :

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

Omitting DOCTYPE in the markup is one of the main reasons for cross browser compatibility issues. Sometimes, even if your mark up is valid (with XHTML and CSS), there might still be problems due to incorrect DOCTYPE.

Please go through these excellent links which explain the importance and implementation of DOCTYPE.



I was lucky enough in getting a chance to solve certain browser compatibility issues in UI design of a certain web project. The problem is, they are using "div" tags to hold content, but these tags are not styled properly with CSS. As most of the UI designers (who, like me,  are addicted to UI Design tools) do, I too suggested using tables to align content. But the customer preferred having divs to tables. Neither of us were wrong in our choice, yet I agreed to work using divs (as it's an area which I loved to explore). Here is an excellent article on the choice of using Divs or Tables.

The real challenge came while nesting divs simulating a tabular look and feel. The flow of elements in the page by floating and positioning divs appeared to a big mystery. I googled a lot and found excellent stuff on Understanding Page Layout using CSS at HTMLDog.com. A detailed and very good description of using floats to align your content is given here. This will surely be useful for budding web developers. Hopefully, I should be able to give a solution to the problem by 2moro EOD after reading all this stuff :)


News aggregation, drag/drop feature, zero post backs give the start page some of the web2.0 fragrances. An addition to this is rounded corners to divs using this jQuery plugin. Basic implementation is very easy but I felt the pinch when it came to changing corner color with theme. The default blue color loads properly but if you change the theme to black or green, the corner color retains. Spent the whole nite last saturday to rectify it but in vain! Can you plz help me in fixing the issue?

News aggregation, drag/drop feature, zero post backs give the start page some of the web2.0 fragrances. An addition to this is rounded corners to divs using this jQuery plugin. Basic implementation is very easy but I felt the pinch when it came to changing corner color with theme. The default blue color loads properly but if you change the theme to black or green, the corner color retains. Spent the whole nite last saturday to rectify it but in vain! Can you plz help me in fixing the issue?

  • Share/Save/Bookmark
  • Entries (RSS)
  • Comments (RSS)

About

ProfilePic Hi, My name is Krishna Chaitanya and I'm a web developer from Hyderabad, India.

This is my online abode where I write about various technical topics, my little experiments related to web development in ASP.NET, jQuery etc. More...