I had been wondering about this issue for quite awhile. I'm always screw up with tables until I see how a DIV coded website and realise how amazing DIV are. Finally I set myself down to fully figure out what DIV is all about.

According to http://www.lissaexplains.com/html7.shtml:

"DIV is a block of content that can be positioned anywhere on your site by using absolute positioning and the

tag. The purpose of div elements is to hold content, whereas frames hold pages. This content can be placed anywhere on your site and it can even overlap. The content can consist of images or html."

DIV is use closely with CSS to enhance the layout and appearance of the website. With a proper understanding of both aspect, you can do up a fanciful website layout.

What I've learnt:

• Always create a "container" to hold the whole site
• Scripting the "container" to alight center using CSS only works in IE. To solve the problem with other browser, I choose not to script it in CSS
• Certain browsers will not show the background behind floated DIVs unless you 'clear' them. To get past this little problem, http://www.tutorialtastic.co.uk/tutorial/create_a_tableless_layout suggest

  "we need to add another div before we close our container, a footer div:"
  

  #footer {
clear: both;
}

That all for now. Will update again when I find out more

Labels: Informations