Помогите с тэгом style
Что я делаю не так :confused:
<head>
<style type='text/css' media='print'>
<!--
@page {margin-left:4cm;}
-->
</style>
</head>
в настройках параметров страницы left=2cm
и все равно печатает со старыми настройками
на странице <img> и на нем текст через <div style='position:...'>
<head>
<style type='text/css' media='print'>
<!--
@page {margin-left:4cm;}
-->
</style>
</head>
в настройках параметров страницы left=2cm
и все равно печатает со старыми настройками
на странице <img> и на нем текст через <div style='position:...'>
[QUOTE=4EPHOMOP]Что я делаю не так :confused:
<head>
<style type='text/css' media='print'>
<!--
@page {margin-left:4cm;}
-->
</style>
</head>
в настройках параметров страницы left=2cm
и все равно печатает со старыми настройками
на странице <img> и на нем текст через <div style='position:...'>[/QUOTE]
1. Покажи все описание, а то не понятно, что... как... и к чему...
2. <div style='position:...'> - в версии для печати не должно быть блоков со свойтсвами position или float (может осел еще это и поймет, а вот нормальные браузеры точно нет), поэтому, попробуй эти свойства переопределить.
<head>
<style type='text/css' media='print'>
<!--
@page {margin-left:4cm;}
-->
</style>
</head>
в настройках параметров страницы left=2cm
и все равно печатает со старыми настройками
на странице <img> и на нем текст через <div style='position:...'>[/QUOTE]
1. Покажи все описание, а то не понятно, что... как... и к чему...
2. <div style='position:...'> - в версии для печати не должно быть блоков со свойтсвами position или float (может осел еще это и поймет, а вот нормальные браузеры точно нет), поэтому, попробуй эти свойства переопределить.
2skywalker А почему не должно?
[QUOTE=shaelf]2skywalker А почему не должно?[/QUOTE]
Я сам столкнулся с этим в ff, у меня было 2 блока маленький (логотип в шапке страницы) и большой (весь оставшийся текст) для обоих я ставил position, так вот осел при версии для печати, выводил большой блок на несколько страниц, а ff обрезал следующие страницы (была только первая, а остальных не было), думал долго, пока не нашел в спецификации, что оказывается не льзя ставить для блока который должен разбиваться ни position ни float. Т.е. если у тебя блок или картинка которая не разбивается то пожалуйста, а вот то что разбивается, должно быть display:block;
Просто проведи такой эксперимент: сделай блок с очень большой "рыбой", и объяви ему position, и посмотри как его откроет ff и осел.
Но вообще отказывается от них тоже не надо, например, если логотип с координатами должен быть сверху, то ему можно любой position, или картинка внутри блока, которую нужно обтекать текстом.
Я сам столкнулся с этим в ff, у меня было 2 блока маленький (логотип в шапке страницы) и большой (весь оставшийся текст) для обоих я ставил position, так вот осел при версии для печати, выводил большой блок на несколько страниц, а ff обрезал следующие страницы (была только первая, а остальных не было), думал долго, пока не нашел в спецификации, что оказывается не льзя ставить для блока который должен разбиваться ни position ни float. Т.е. если у тебя блок или картинка которая не разбивается то пожалуйста, а вот то что разбивается, должно быть display:block;
Просто проведи такой эксперимент: сделай блок с очень большой "рыбой", и объяви ему position, и посмотри как его откроет ff и осел.
Но вообще отказывается от них тоже не надо, например, если логотип с координатами должен быть сверху, то ему можно любой position, или картинка внутри блока, которую нужно обтекать текстом.
<html>
<head>
<title></title>
<style type="text/css" media="print">
<!--
@page {margin-left: 4in; margin-top: 3cm; margin-bottom: 3cm;}
-->
</style>
</head>
<body bgcolor="#C0DCC0">
<img src='kartinka.jpg' style='position:absolute;left:10;top:10;'>
<div style='position:absolute; left:310; top:565; z-index:1;'>№</div>
<div style='position:absolute; left:310; top:815; z-index:1;'>№</div>
<div style='position:absolute; left:190; top:595; z-index:1;'>в</div>
<div style='position:absolute; left:190; top:845; z-index:1;'>в</div>
</body>
</html>
<head>
<title></title>
<style type="text/css" media="print">
<!--
@page {margin-left: 4in; margin-top: 3cm; margin-bottom: 3cm;}
-->
</style>
</head>
<body bgcolor="#C0DCC0">
<img src='kartinka.jpg' style='position:absolute;left:10;top:10;'>
<div style='position:absolute; left:310; top:565; z-index:1;'>№</div>
<div style='position:absolute; left:310; top:815; z-index:1;'>№</div>
<div style='position:absolute; left:190; top:595; z-index:1;'>в</div>
<div style='position:absolute; left:190; top:845; z-index:1;'>в</div>
</body>
</html>
Попробуй переопределить position:absolute; при печати. Я выше писал об этом. И посмотри на свой код, и сам логически подумай: как считать браузеру {position:absolute;} относительно чего? Может начала документа? Или, может от начала страницы принтера, во время печати? Да и вообще как посчитать пикселы от начала электронного документа и перенести это расстояние на бумагу. Если б, был какой-то внешний контейнер для всех твоих дивов, то браузер бы считал относительно него, а так он не знает что делать.
Да и вообще, я уже убедился, что лучше position, при печати, использовать в случаях крайней необходимости.
Да и вообще, я уже убедился, что лучше position, при печати, использовать в случаях крайней необходимости.
[QUOTE=skywalker]Да и вообще как посчитать пикселы от начала электронного документа и перенести это расстояние на бумагу.[/QUOTE]
А что, есть какая-то разница относительно чего считать абсолютные координаты ;-)
А что, есть какая-то разница относительно чего считать абсолютные координаты ;-)
2skywalker Поэксперементирую...
<html>
<head>
<title></title>
<style type="text/css" media="print">
<!--
@page {margin-left: 4in; margin-top: 3cm; margin-bottom: 3cm;}
-->
</style>
</head>
<body bgcolor="#C0DCC0">
<img src='kartinka.jpg' >
</body>
</html>
style position на картинке не имеет значения
<head>
<title></title>
<style type="text/css" media="print">
<!--
@page {margin-left: 4in; margin-top: 3cm; margin-bottom: 3cm;}
-->
</style>
</head>
<body bgcolor="#C0DCC0">
<img src='kartinka.jpg' >
</body>
</html>
style position на картинке не имеет значения
Ты решил проблему? Если да то как?
[QUOTE=4EPHOMOP]
style position на картинке не имеет значения[/QUOTE]
Я писал об этом выше, прочти.
Я уже предлагал провести эксперимент, поставь, например, родительскому блоку такое правило:
Введи очень большую рыбу (на много страниц), и посмотри как будет это дело отображать FireFox.
2shaelf, попробуй, поэкспериментируй, что будет.
[QUOTE=4EPHOMOP]
style position на картинке не имеет значения[/QUOTE]
Я писал об этом выше, прочти.
Я уже предлагал провести эксперимент, поставь, например, родительскому блоку такое правило:
Код:
#mainBlock{float:left;}
Введи очень большую рыбу (на много страниц), и посмотри как будет это дело отображать FireFox.
2shaelf, попробуй, поэкспериментируй, что будет.