Как сделать div шириной 100% в Internet Explorer Quirksmode - PullRequest
Новая
       22

Как сделать div шириной 100% в Internet Explorer Quirksmode

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

У меня есть div в iframe.Div должен отображаться на 100% ширины.Глядя на документ , а не в iframe, div действительно отображает на 100%.Однако, в iframe, он рендерит на 90 - 95%.Согласно инструменту разработчика MS, оба кадра iframe и текст документа iframe равны 100%.Это просто div, которого нет.HTML: 

<iframe frameborder="0" 
 src="http://localhost:8080/pagedetails/73/true" id="su3-frame" 
 hspace="0" vspace="0" 
 leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0">

     <html style="margin: 0pt; padding: 0pt;" 
           xmlns="http://www.w3.org/1999/xhtml">

       <body marginwidth="0" marginheight="0" id="su3-body" 
             leftmargin="0" topmargin="0" 
             style="margin: 0pt; padding: 0pt;">

         <div id="su3-header" 
              leftmargin="0" marginheight="0" 
              marginwidth="0" topmargin="0">

       </body>
     </html>
</iframe>

и CSS для фрейма и div: 

iframe#su3-frame {
  width: 100%;
  height: 60px;
  border: 0;    
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0; left: 0;
  z-index: 100000000;
}

div#su3-header { 
  font-family: arial, helvetica, sans-serif;
  font-size: 12px; 
  color: #fff;
  width: 100%; 
  height: 56px; 
  position: absolute; 
  padding: 0;
  margin: 0;
  line-height: 1;
  top: 0; left: 0; 
  background: url('/images/bg-90.png');
  border: 0;
  border-bottom: 4px solid #aaa; 
}

Любые мысли, предложения очень ценятся.

Ответы [ 2 ]

2 голосов
/ 16 февраля 2011

Внутри iframe вы можете указать любой тип документа;вы можете выйти из режима Quirks, и это не повлияет на «родительскую страницу».

В моем тесте (который я не полностью уверен, что соответствует вашему тесту), изменивпервые две строки моего документа, включенные через iframe для (например) этих: 

<!DOCTYPE html>
<html>

( это тип документа HTML5 ) переводит документ iframe в режим стандартов, иустраняет проблему.

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

Вы не пытаетесь применить CSS родительского элемента к iFrame? Возможно, вы столкнулись с такой же политикой происхождения

Применить CSS к iframe

ТЫ НУЖЕН iFrame? Как профессиональный разработчик пользовательского интерфейса, я думаю, что мне приходилось использовать всего 3 или 4 раза за 15 лет карьеры. В наши дни большинство из того, для чего люди используют iFrames, можно преодолеть с помощью Dom и Ajax. И, если вы пытаетесь вызвать iframe из одной и той же области, теоретически вы можете просто получить этот контент через include.

...