Записи с тегом «XHTML»

Быстрое решение (оригинал) для позиционирования одного блока на другим, упрощённый аналог Position из jQuery UI.

читать дальше...

Возможно, все уже давно в курсе, но всё же :). Благодаря вопросу на StackOverflow.com был найден плагин, позволяющий прямо из Photoshop'a экспортировать ico-файлы с альфа-каналом.

Для того, чтобы position:fixed сработал в браузерах начиная с IE6 необходимо для всех браузеров указать, например, следующее:

.l-fixed
	{
	position: fixed;
	top: 250px;
	left: 0px;	
	}

Для IE6 с помощью условных комментариев:

body
	{
	/* 
		Это обязательное условие, при необходимости настоящую фоновую картинку нужно назначить оборачивающему блоку
		blank.gif -- классическое однопиксельное прозрачное изображение
	*/
	background-attachment: fixed;		
	background-image: url('../images/blank.gif');
	}

.l-fixed 
	{
	position: absolute;
	left: 0px;
	top: expression( ( 250 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}

Решение с небольшими вариациями скомпилированно из нескольких других.

P.S. Действительно, пора заканчивать с практикой поддержки IE6 :)

Для отключения Image Toolbar для всех изображений в IE6 достаточно добавить следующий мета-тег:

<meta http-equiv="imagetoolbar" content="no" />

Надеюсь, в связи с отказом от поддержки IE6 в большинстве проектов подобное в будущем не понадобится :)

Пример .bat-файла для открытия URL в нескольких браузерах из командной строки (для Windows 7 с IE8 и IETester'ом для эмуляции IE6 и IE7):

::
:: Open URL in multiple browsers from commandline
::

@if [%1]==[] goto USAGE

start "" /b "C:\Program Files\Mozilla Firefox\firefox.exe" %1
start "" /b "C:\Program Files\Internet Explorer\iexplore.exe" %1
start "" /b "C:\Program Files\Core Services\IETester\IETester.exe" -ie6 %1 -ie7 %1
start "" /b "C:\Program Files\Opera\opera.exe"  %1
start "" /b "%LOCALAPPDATA%\Google\Chrome\Application\chrome.exe" %1
start "" /b "C:\Program Files\Safari\Safari.exe" %1
exit

:USAGE
@echo browsers.bat -- Open URL in multiple browsers from commandline
@echo Usage: browsers.bat url

В браузере Internet Explorer по умолчанию цвет фона у iframe'а белый и сменить или сделать его прозрачным можно только указав следующие аттрибуты:

<iframe allowTransparency="true" frameBorder="0">...</iframe>

Естественно, это ломает валидацию документа. Установка этих аттрибутов с помощью JavaScript срабатывает только в IE8, для IE7 необходимо их явно указать в XHTML-коде.

Обновлено 25.09.2010

Черновик наших гайдланов по вёрстке, скорее всего будет дополняться и обновляться. Объём требований вырос почти в три раза за год.

далее...

Приём «шрифты в em» прижился у многих верстальщиков и продолжает использоваться несмотря на постепенный отказ от поддержки IE6 и перехода большинства браузеров на full page zoom. Для сохранения размера шрифта таким, как его задумал дизайнер при переключении масштаба в операционной системе применяется другой известный приём «120 dpi и шрифты в em» (хотя это и не совсем правильно, т.к. пользователь увеличивает шрифт для удобства чтения).

Судя по всему в Opera 10.5x (проверяли на 10.51 и 10.54) не работает следующая конструкция из CSS Media Queries:

@media all and (min-resolution: 120dpi) {
	...
}

В более ранних и более поздних версиях этого браузера приём работает.

Как "прилепить" нижний блок книзу? Google и другие поисковики дают много ссылок на различные решения данной проблемы. По ряду причин, большинство из предлагаемых решений уже не работают, либо работают, но без поддержки кроссбраузерности. На данный момент удалось найти такое кроссбраузерное решение, речь о котором и пойдет далее...

читаем...