javascript, css и iexplorer

03.02.2008, 23:02. **Показов** 2034. **Ответов** 2

Студворк — интернет-сервис помощи студентам

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

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

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<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>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</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>&nbsp;</td>
 
  </tr>
</table></div>
</td>
  </tr>
</table></div>
<!--переключение на просмотр печати--><p><a  onClick="ed();" >версия для печати</a><br />
 <!--переключение на нормальный просмотр-->    <a  onClick="edd();" >обычная версия</a></p>
</body>
</html>

код 2.css (для печати)

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/* 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;}

@mefisto_hero · 04.02.2008, 00:05

Скорее всего, это происходит потому, что браузер IE 6 версии и ниже только частично поддерживает в CSS свойство position. Я убрал в файле 2.сss строку position:absolute; и всё нормально заработало.

04.02.2008, 00:19

Эксплорер нехорошая редиска )
Мда, без absolute - получается, но выравнивание мне необходимо... буду думать...
Спасибо за ответ!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@mefisto_hero 39 / 9 / 1 Регистрация: 09.09.2007 Сообщений: 158
	04.02.2008, 00:05
	Скорее всего, это происходит потому, что браузер IE 6 версии и ниже только частично поддерживает в CSS свойство position. Я убрал в файле 2.сss строку position:absolute; и всё нормально заработало. 0

Блонди
	04.02.2008, 00:19
	Эксплорер нехорошая редиска ) Мда, без absolute - получается, но выравнивание мне необходимо... буду думать... Спасибо за ответ!