This is a hard one to answer. Both options have their pros and cons in my opinion. I personally don’t love reading through a single HUGE CSS file, and maintaining it is very difficult. On the other hand, splitting it out causes extra http requests which could potentially slow things down. My opinion would be … Read more
Here is an option: var style = document.createElement(‘style’); style.type=”text/css”; style.innerHTML = ‘.cssClass { color: #F00; }’; document.getElementsByTagName(‘head’)[0].appendChild(style); document.getElementById(‘someElementId’).className=”cssClass”;
Why not forget the hacks and just do it with CSS? One I use frequently: .boxsizingBorder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } See browser support here.
If you take the element that you want to be the footer and set it to be position:fixed and bottom:0, when the page prints it will repeat that element at the bottom of each printed page. The same would work for a header element, just set top:0 instead. For example: <div class=”divFooter”>UNCLASSIFIED</div> CSS: @media screen … Read more