Версия для печати, отличная от экранной
 

День добрый

Делаю версию для печати через подключение отдельного файла стилей:
<link type="text/css" rel="stylesheet" media="print" href="print.css"/>

Все бы ничего. Только в подвале страницы нужно заменить фразу "Version for print" (в экранной версии) на "www.dyndyn.com" (в печатной версии). Вроде бы простейшая задача, а вот затык вышел.

Каждую фразу посадила в отдельный див.

<div id="vers_pr"><a href="javascript:window.print();" title="Version for print" class="bot"/>Version for print</a></div>
<div id="www">www.dyndyn.com</div>

В style.css:

#vers_pr {
float:right;
}

#www {
float:right;
display:none;
}

а в print.css:

#vers_pr {
float:right;
display:none;
}

#www {
float:right;
}

В итоге с экранной версией все Ок, видна надпись "Version for print", а вот с печатной беда - "www.dyndyn.com" не видна. Просто пустое место там, где она должна быть. Подскажите, плз, что делать?

свойство content в помощь.

для непечатной версии:

#vers_pr a{
...
content: "Version for print";
...
}

для печатной:

#vers_pr a{
...
content: "www.dyndyn.com";
...
}

и никаких лишних элементов и скриптов не надо.

css файл сохранить в utf-8, если кириллица нужна.

Спасибо за вариант, но нужно, чтобы работало в IE7 (строгое условие заказчика:()

для ie подключать jscript на проверку текущего варианта (печать/стандарт). если печать — заменять

element.innerHTML="www.dyndyn.com"

в итоге: для высших браузеров — две колонки css. для ie — одна строчка кода.

работать будет.

в файлу для печати пропиши

#www {
float:right;
display:block;
}

На показе он скрыт а при печати не отображается, вот в чем причина