веб-мастеру блог веб-мастера Статьи Веб-Мастера SEO Tools книги веб-мастеру
IPB

Здравствуйте, гость ( Вход | Регистрация )

 
 Ответить в эту темуОткрыть новую тему
> javascript, css и iexplorer, пропадает содержимое div'a при переключении стилей
Блондинко
сообщение 4.2.2008, 3:38
Сообщение #1


Прохожий
*

Группа: Пользователи
Сообщений: 1
Регистрация: 4.2.2008
Пользователь №: 562
Здравствуйте! Помогите, плиз!
Делаю печатную версию с помощью css. В firefox, Opera и еже с ними все тип-топ, а вот в explorer при переключении с "печатной" версии обратно на "обычную" пропадает содержимое той таблицы, которую надо было печатать... объяснение, наверное, путанное, но в коде все сказано. Заранее спасибо )


Код страницы:
Код

<script type="text/javasc_ript">
<!--
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;}
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
gid
сообщение 4.2.2008, 8:59
Сообщение #2


Администратор форума
*****

Группа: Главные администраторы
Сообщений: 541
Регистрация: 27.11.2006
Из: Россия
Пользователь №: 1
Если я вас правильно понял, то проблема была в стиле 2.css исправить ее очень просто, нужно добавить display: none; в #glavtab, получится примерно следующее:
Код
#glavtab {/*окружение не показывать*/
position:relative;
    z-index:50;
visibility:hidden;
display: none;
}


--------------------
|__| RU-домены за 170 рублей |__| SU-домены за 460 рублей |__|
Раскрутка Вашего сайта | Пишу php скрипты на заказ | Регистрация Вашего сайта в каталогах
Изображение | - | - | - | ICQ: 6-426-630
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
« Предыдущая тема · Языки разметки (HTML, XML, CSS, ...) и JavaScript · Следующая тема »
 

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

- Текстовая версия Сейчас: 12.5.2008, 14:32
^ ВВЕРХ ^
Русская версия Invision Power Board v2.1.7 © 2008  IPS, Inc.
Посетите наши проекты:
консультация по раскрутке сайта
Бодибилдинг.info - упражнения для ног для женщин