Konstig utskrift i FF ej i IE.

HTML & CSS

2 svar · 1 068 visningar · startad av renkott

Medlem sedan maj 20098 inlägg
Trådstart#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}
Medlem sedan nov. 20051 596 inlägg
#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;}
Medlem sedan aug. 20068 090 inlägg
#3

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

259 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)