Sunday, July 1, 2007

structure using through div in your html

let me explain how to use div in your html page

1.) suppose your html page have header, left panel, right panel, main body, footer

that time
your structurer should

i am using inline css but avoid inline css always use link css

let me explain id & class for css

id is particular identification which id use for single identity
class is not particular identification
class can use many time but id use one time
first you should use global css in your css * {margin:0px;padding:0px}
than body {margin:auto;padding:auto;font-family:Arial, Verdana, sans-serif;font-size:12px;font-decoration:none;line-height:12px;text-decoration:none;}


you can use following structure in side body tag and closing before body tag




left panel which is showing left side. Don't use height because if you fixed your div height it will create problem when your content is goes to long. That time your are gating scroll your particular
div which is not good for a website.

main content where can use your content float:left always position in left

right panel after float this div position right side



may be some time you have a problem
1.) suppose you main content have long content but left panel and right panel have sort content that time your main body may be hidden. That time you should use a class
.clear {clear:both;} in your css, and use
before closing your main body div tag that time your main body showing perfect

Note: My English is not strong please if any sentence error avoid and frequently ask
question.
anand.hey@gmail.com

1 comment:

hemant said...

nice article buddy,,,,,keep it up...