Рецепты верстки

Изменение стиля в iframe

var elem = document.createElement('LINK');
elem.setAttribute('rel', 'stylesheet');
elem.setAttribute('type', 'text/css');
elem.setAttribute('media', 'screen');
elem.setAttribute('href', '...css');
this.frame.parentNode.ownerDocument.getElementsByTagName('head')[0].appendChild(elem);

 

Clearfix

Данный псевдо-класс позволяет сгенерировать контент вокруг выбранного элемента.

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
    }

.clearfix {
   *display: inline-block;
   _height: 1%;
}

Данный пример показывает, как с помощью псевдо-класса :after после блока с классом.clearfix создаётся пустая строка, после чего очищается. Хороший метод, когда невозможно применить overflow: hidden.