html - IE8 outright ignoring CSS styling -


let's have css:

.tbl-div > h1 {     border-bottom: 1px solid black;     display: block;     font-size: 25px;     margin: 10px -15px 30px -10px;     padding: 0 0 0 40px; }  .tbl-div > h1 > span {     color: #006ec7;     display: block;     font-size: 14px; } 

so let's there's styling simple output div. dom such

<div class="tbl-div">   <h1>*title*<br><span>*subtitle*</span></h1>   *content goes here* </div> 

the idea header section there large text, below subtitle in smaller text , blue font. here's kicker. works everywhere iframe. once goes iframe, page utterly thinks css isn't there, , in case. appears giant string of text 25px in font.

no other browser this. , it's these properties, , in iframe.

what happening?

i checked it, working fine me. make sure document structure proper. use iframe webpage this:

<iframe src="file-containing-source.html"></iframe> 

i made here. see this: http://codepen.io/mustagheesbutt/pen/rnxpey


Comments

Popular posts from this blog

css - SVG using textPath a symbol not rendering in Firefox -

Java 8 + Maven Javadoc plugin: Error fetching URL -

datatable - Matlab struct computations -