Home/ Questions/Q 3302004
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T20:48:28+00:00

In this article http://www.kashit.org/design/css/ultimate-guide-to-techniques-for-cross-browser-css/ under section Fixing IE Box Model Bug author wrote IE

  • 0

In this article http://www.kashit.org/design/css/ultimate-guide-to-techniques-for-cross-browser-css/

under section “Fixing IE Box Model Bug” author wrote

IE 6 can actually get it right if you
are in standards-compliant mode.

Is it mean if we use XHTML 1.0 strict or HTML 5 doctype than this box model problem will get automatically solved without adding this extra div.

default

.box {  
  width:100px;  
  padding:10px;  
   border:2px solid #CCC;  
}

solution for IE6 adding extra div <div class=”box-inner”>

<div class=”box”>  
   <div class=”box-inner”>  
     Testing for box model hack  
   </div>  
</div>

how to solve that box model problem without adding extra div and using Valid CSS.? can we solve this just by adding a doctype, or just only doctype will not solve this problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    No, you don’t have to use XHTML or HTML 5, HTML 4 works just fine for getting into standards compliant mode.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    • 0