CEL:
Na ekranie tekst wyswietla sie jako wysrodkowana kolumna. Na DRUKU wyswietla sie jako kolumna wyrownana do lewej strony, gdzie TYLKO na pierwszej stronie caly tekst MUSI BYC "obnizony" od gornej krawedzi strony o 100px, ale kazda nastepna drukowana stronica rozpoczyna sie juz normalnie (z tekstem przylegajacym do gornej krawedzi). W trakcie drukowania korzystam z zewnetrznego pliku css.
Na ekranie zawsze wyswietla sie wszystko ok. PROBLEM jest z DRUKOWANIEM, ale tylko w Mozilla/FF (IE i Opera radza sobie z tym bez problemu). Natomiast Mozilla/FF drukuje TYLKO jedna strone (do tego widac na podgladzie, ze tekst zanika gdzies po za dolnym marginesem).
Tutaj jest zrzut opisanego problemu:
http://republika.pl/guitarsetups/problem.jpg
WAZNE:
Ponizszy kod jest tylko skrocona wersja strony, wiec prosze nie dziwic sie, ze obie wartswy (MAIN i TEXT) sa prawie identyczne. Tak musi byc, gdyz w praktyce (w warstwie MAIN) zlokalizowane sa inne float-ujace warstwy. Cenilbym sobie rozwiazanie bez HACKOW. Domyslam sie, ze wina moze byc gdzies w warstwie TEXT, ale to tylko domysly. Czy moze to kwestia ustawień FF?
PODAJE KOD STRONY:
- Kod: Zaznacz cały
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="printstyle.css" media="print" />
<title>wyzwanie dla specjalistow</title>
<style type="text/css" media="screen">
body {
background-color: black; text-align: center; font: 9pt Verdana;
}
#main {
border: none; width: 860px; height: 500px; margin: 0 auto 0 auto; padding: 10px 0 10px 0; position: relative;
}
#text {
clear: both; border: none; background-color: white; width: 860px; padding: 10px 0 10px 0; text-align: center; position: relative;
}
</style>
</head>
<body>
<div id="main">
<div id="text">
aaaaaaa<br />aaaaaaa<br />aaaaaaa<br /> ... skopiuj to 10 razy ...
bbbbbbb<br />bbbbbbb<br />bbbbbbb<br /> ... skopiuj to 10 razy ...
cccccccc<br />ccccccccc<br />cccccccc<br /> ... skopiuj to 10 razy ...
ddddddd<br />ddddddd<br />ddddddd<br /> ... skopiuj to 10 razy ...
</div>
</div><!-- main -->
</body></html>
ZEWNETRZNY PLIK CSS (printstyle.css)
- Kod: Zaznacz cały
body {
background: none;
text-align: left;
margin: 0 auto 0 auto;
}
#main {
background: none;
width: 100%;
}
#text {
background: none;
width: 100%;
position: absolute;
float: left;
top: 100px;
}