in many website's source code i saw position:relative
is added to every div
which makes layout and no #wrapper div being used?
Is it good practice to add position:relative
to every layout div
? Is it related to IE 6 only?
this is css
.header { position: relative; float: left; left: 143px; width: 977px; height: 150px; background-color: #ffff33; }
.top-nav { position: relative; float: left; left: 143px; width: 977px; height: 30px; }
.top-nav { margin: 0 0 3em 0; padding: 0; list-style: none; background-color: #f2f2f2; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.top-nav li { float: left; }
.top-nav li a { display: block; padding: 8px 15px; text-decoration: none; font-weight: bold; color: #069; border-right: 1px solid #ccc; }
.top-nav li a:hover { color: #c00; background-color: #fff; }
.wrapper { position: relative; float: left; left: 143px; width: 977px; background-color: ffffff; }
.left { position: relative; float: left; left: 0px; width: 193px; background-color: ea0101; }
.middle { position: relative; float: left; left: 10px; width: 551px; background-color: fff; }
.right { position: relative; float: right; right: 0px; width: 213px; background-color: 356aa0; }
.footer { position: relative; float: left; left: 143px; width: 977px; height: 100px; background-color: #c79810; }