Как решить проблему блочной модели IE6 без добавления дополнительного div и использования валидного CSS? - PullRequest
Новая
       21

Как решить проблему блочной модели IE6 без добавления дополнительного div и использования валидного CSS?

0 голосов
/ 24 октября 2010

В этой статье http://www.kashit.org/design/css/ultimate-guide-to-techniques-for-cross-browser-css/

в разделе «Исправление ошибки модели IE Box» автор написал:

IE 6 действительно может сделать это правильно, если вы находитесь в режиме соответствия стандартам.

Значит ли это, если мы будем использовать строгий XHTML 1.0 или HTML 5, чем эта модель блочной модели, будет решена автоматически без добавления этого дополнительного div.

default 

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

решение для IE6 с добавлением дополнительного div <div class=”box-inner”>

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

как решить проблему блочной модели без добавления дополнительного div и использования Valid CSS.?мы можем решить эту проблему, просто добавив тип документа, или только один тип документа не решит эту проблему?

1 Ответ

3 голосов
/ 24 октября 2010

Нет, вам не нужно использовать XHTML или HTML 5, HTML 4 отлично работает для перехода в режим соответствия стандартам. 

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