Doctype против HTML дизайна - PullRequest
Новая
       1

Doctype против HTML дизайна

0 голосов
/ 14 февраля 2011

Я получил этот кусок кода: 

 <head>
 <title>width height</title>
 </head>
 <body>
     <table border="1" cellpadding="0" cellspacing="0" height="100%" width="800px">
     <tr>
         <td style="height: 100px">
             cucu
         </td>
     </tr>
     <tr style="height: 100%">
         <td class="tdMargin" style="width: 760px">
         bau    
         </td>
     </tr>
     <tr>
         <td style="height:50px" valign="bottom">
            bla
         </td>
     </tr>
     </table>
 </body>
 </html>

ведет себя так, как должно

Я добавил его на главной странице, все работает нормально

но когда я возьму материал doctype со старой мастер-страницы (мы обновляем дизайн приложения) и добавьте: 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

на страницу, дизайн (высота 100% материала) сходит с ума

есть ли способ это исправить?

Я не слишком много знаю о типах доктрин ...

в основном это должно работать в IE, если это помогает

Ответы [ 2 ]

1 голос
/ 14 февраля 2011

Настройки высоты следует игнорировать , браузер ведет себя точно так, как ожидается.

В стандарте отсутствует атрибут height для элемента table.Это только Internet Explorer, который думает, что есть, и он делает это только в режиме причуд (то есть, когда нет типа документа).

Вместо этого используйте стиль CSS, чтобы установить высоту таблицы:1010 *

Предпочтительно CSS должен идти в таблице стилей, а не в отдельных элементах, но здесь я показываю стиль таким образом, чтобы вы могли его легко протестировать.

0 голосов
/ 14 февраля 2011

Пожалуйста, посмотрите: Объявление HTML

Объявление doctype не является тегом HTML;это инструкция для веб-браузера о том, на какой версии языка разметки написана страница.

Используемый вами DocType представляется неверным или ограничительным.Пожалуйста, установите его в соответствии с версией HTML, которую вы используете.

...