| |
автор: Блонди (03.02.2008 в 23:04) |
|
| | Здравствуйте! Помогите, плиз!
Делаю печатную версию с помощью css. В firefox, Opera и еже с ними все тип-топ, а вот в explorer при переключении с "печатной" версии обратно на "обычную" пропадает содержимое той таблицы, которую надо было печатать... объяснение, наверное, путанное, но в коде все сказано. Заранее спасибо )
Код страницы:
<script type="text/javascript">
<!--
function ed()<!--переключение на версию для печати-->
{
document.styleSheets[0].disabled=false;
document.styleSheets[1].disabled=true;
}
function edd()<!--переключение на нормальный просмотр-->
{
document.styleSheets[0].disabled=true;
document.styleSheets[1].disabled=false;
}
-->
</script>
<link href="2.css" rel="stylesheet" type="text/css" id="css0" /><!--css для печати-->
<link href="3.css" rel="stylesheet" type="text/css" id="css1" /><!--css для нормального просмотра-->
<link rel="stylesheet" type="text/css" media="print" href="2.css" />
</head>
<body>
<div id=glavtab><!--окружение-->
<table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#999900" bgcolor="#99CC33">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<div id="text2"><!--div содержимого. Если обвести его границей, она остается, а содержимое пропадает-->
<table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#333399" bgcolor="#9966CC"><!--эта таблица исчезает в explorere (а не должна!)-->
<tr>
<td>исчезающее в explorer'е содержимое</td>
<td> </td>
</tr>
</table></div>
</td>
</tr>
</table></div>
<!--переключение на просмотр печати--><p><a onClick="ed();" >версия для печати</a><br />
<!--переключение на нормальный просмотр--> <a onClick="edd();" >обычная версия</a></p>
</body>
</html>
|
код 2.css (для печати)
/* CSS Document */
#text2 {/*содержимое показывать и absolute в левом верхнем углу*/
visibility:visible;
position:absolute;
z-index:110;
top:0px;
left:0;
border:solid;
border-width:1px;
border-color:#bababa;}
#glavtab {/*окружение не показывать*/
position:relative;
z-index:50;
visibility:hidden;
}
|
Код 3.css (для нормального вида)
/* CSS Document */
#text2 {/*содержимое*/
position:relative;
z-index:110;
border:solid;
border-width:1px;
border-color:#bababa;
top:4px;
margin-bottom:40px;
}
#glavtab {/*окружение*/
position:relative;
z-index:50;
visibility:visible;}
|
| |
| |
|
