Инструменты web-мастера

admin — Tue, 05 Aug 2008 16:16:43 +0000

Собственно то, что очень круто помогает мне в работе и сильно экономит время. Эти программы показывают кусок кода того места, на которое вы навели мышку, а также его css свойства.
Т.к. браузер Opera я считаю извращенством, то пишу только для IE и FireFox, хотя для первого где-то видел подобное.
IE: IE Developer toolbar – скачать с сайта разработчика
FireFox: Firebug – установить

Конечно же их функционал не ограничен лишь просмотром css, но использую я их только для этого.

Max-width, max-height, min-height, min-width в IE

admin — Tue, 10 Jun 2008 10:30:41 +0000

Проблема – не работают эти свойства в Internet Explorer 6 и ниже версий. Решений в интернете нашел много, но большинство вешали браузер, либо просто не работали. Что заметил, совместная попытка использования замены max-height и max-width – приведет к сносу башни у IE, и он попросту зависнет. Но, ближе к делу:
max-width
#block {
max-width:100px;
width: expression(this.offsetWidth > 101?"100″:"this.offsetWidth");

}
max-height
#block {
max-height:100px;
height: expression(this.offsetHeight > 101?"100″:"this.offsetHeight");
}

Принцип действия понять не сложно – "если размер больше 100, ставь 100″

Что до min-height и min-width – тут проще, в IE6 они равносильны обычным width и height, и нужны только для firefox и opera.

Fix Blog » firefox

Инструменты web-мастера

Max-width, max-height, min-height, min-width в IE