Konstig utskrift i FF ej i IE.

2 svar · 1 062 visningar · startad av renkott 30 juli 2009

renkottMedlem sedan maj 20098 inlägg

30 juli 2009 13:32#1

Utskriften blir precis som jag vill i IE. Alla ramar ligger rätt och nedersta tabellen hamnar längst ner på pappret i IE.

I Firefox saknas därimot en tabel linje och nedersta tabellen hamnar i en gröt med resten. Vad göra?

http://durkslag.com/php/print/print.php

<?php
echo ('
<html>
<head>
<link rel="stylesheet" type="text/css" href="print.css">
</head>
<body>
<table width="100%" class="main"> 
<tr>  
  <td valign="top" rowspan="3" width="60%"><p class="rub1">Jontes Verkstad</p>
  Kund nr: 110<br>
  Faktura nr: 1001<br>
  Fakturadatum: 1 juli<br>
  Förfallodatum: 30 juli<br>
  Dröjsmål ränta: 9,5%<br>
  </td>
  <td align="center" valign="top"><p class="rub2">Faktura</p></td>
</tr>

<tr>
  <td>Ante Andersson<br>
  Storav 1<br>
  291 30 Kristianstad
  </td>  
</tr>
</table>
<br>
<br>
<br>
<p class="rub3">Var god märk betalningen: 1001</p><br>
<br>

<table width="100%" class="main">
<tr>
  <th>Art. nr.</th><th>Benämning</th><th>Antal</th><th>A-pris</th><th>Rad total</th>
</tr>
<tr>  
  <td>3</td><td>Häxsaxs</td><td>1</td><td>2000,00</td><td>2000,00</td>
</tr>
<tr>
  <td>2</td><td>Spadar</td><td>10</td><td>12,5</td><td>125</td>
</tr>
<tr>
  <td colspan="5"><p class="rub3">Att betala: 2125,00</p></td>
</tr>
</table>  

<div>
<table class="main" width="100%">
<tr>
<td valign="top">
Lillav 5<br>
291 25 Kristianstad<br>
Email: [email]info@jontesverkstad.se[/email]
</td>
<td valign="top">
Plusgiro: 510123-3<br>
Organistationsnr: 254565-0365<br>
Innehar F-skattebevis
</div>
</body>
</html>');

?>

body {font-size: 14px;font-family: verdana }

table.main {
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.main th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	font-size: 15px;
}
table.main td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	font-size: 15px;
	}

form
{
	margin: 0px;
}

div{ 
width:99%; 
position:absolute; 
bottom:0; 
text-align:center; 
}
.rub1 {font-size:25px;font-family:verdana;font-weight:bold}
.rub2 {font-size:18px;font-family:verdana;font-weight:bold}
.rub3 {font-size:18px;font-family:verdana;font-weight:bold;text-align:center}

tantenMedlem sedan nov. 20051 596 inlägg

31 juli 2009 11:06#2

Jag såg inte till någon border i din länk alls och i IE8 och FF så ser det likadant ut i bägge webläsarna med att diven inte finns i botten när man väljer förhandsgranska.
Om det nu är så att du inte vill använda annat program för att skriva ut räkning så... fungerar kanske det här...
Jag ändrade en del i koden för att få den att validera, men inte skrivit ut det, så mina cm i body måste kanske justeras.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Faktura</title>
<link rel="stylesheet" type="text/css" href="print.css">
</head>
<body>
<table> 
<tr>  
  <td valign="top" rowspan="2"><h1>Jontes Verkstad</h1>
  Kund nr: 110<br>
  Faktura nr: 1001<br>
  Fakturadatum: 1 juli<br>
  Forfallodatum: 30 juli<br>
  Drojsmal ranta: 9,5%
  </td>
  <td align="center" valign="top"><h2>Faktura</h2></td>
</tr>
<tr>
  <td>Ante Andersson<br>
  Storav 1<br>
  291 30 Kristianstad
  </td>  
</tr>
</table>
<h3>Var god mark betalningen: 1001</h3>
<table>
<tr>
  <th>Art. nr.</th><th>Benamning</th><th>Antal</th><th>A-pris</th><th>Rad total</th>
</tr>
<tr>  
  <td>3</td><td>Haxsaxs</td><td>1</td><td>2000,00</td><td>2000,00</td>
</tr>
<tr>
  <td>2</td><td>Spadar</td><td>10</td><td>12,5</td><td>125</td>
</tr>
<tr>
  <td colspan="5"><h3>Att betala: 2125,00</h3></td>
</tr>
</table>  
<div id="bottom">
<table>
<tr>
<td valign="top">
Lillav 5<br>
291 25 Kristianstad<br>
Email: info@jontesverkstad.se
</td>
<td valign="top">
Plusgiro: 510123-3<br>
Organistationsnr: 254565-0365<br>
Innehar F-skattebevis
</td>
</tr>
</table>
</div>
</body>
</html>

body {font-size: 14px;font-family: verdana; height: 26cm;   }
*{
	margin: 0px;
	padding: 0px;
}
table{
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	width: 98%;
	margin: 1%;
	
}
th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	font-size: 15px;
}
td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	font-size: 15px;
	}
form
{
	margin: 0px;
}
#bottom{ 
width:99%; 
position:absolute; 
bottom:0; 
text-align:center; 
}
h1 {font-size:25px;font-family:verdana;font-weight:bold}
h2{font-size:18px;font-family:verdana;font-weight:bold}
h3 {font-size:18px;font-family:verdana;font-weight:bold;text-align:center; line-height: 4;}

Danne VMedlem sedan aug. 20068 090 inlägg

31 juli 2009 11:45#3

Du saknar t.ex. stängande tag för nedersta tabellen.