Regelafstand in tabel bij IE en Chrome

Status
Niet open voor verdere reacties.

clos123456789

Gebruiker
Lid geworden
6 mei 2013
Berichten
53
Als ik programeer in Javascript met een tabel dan is de regelafstand bij IE normaal, maar bij Chrome staat hij 4 mm uit elkaar?

Wie weet de oplossing.

afbeelding IE--Chrome.jpg
HTML:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Mozilla/4.7 [en] (Win98; I) [Netscape]">
<title>CE Pcm etc.</title>

<style type="text/css">
	
			table {
				background-color: #ffcc00;
				border-color: #FF0000 #FFFFFF #0000FF #FFFFFF;
				border-width: 12px;
				border-style: solid;
				padding: 2px;
				font-size: 12px;
				font-family: "Arial Narrow";
				width: 625px;
				width: 625px -moz-max-content;                 /* Firefox/Gecko */
			}
			body {
				background-color: yellow;
			}
			
</style>






<script language="JavaScript" type="text/javascript">
<!--
	function round(number,decimals)
	{
	return Math.round(number*Math.pow(10,decimals))/Math.pow(10,decimals);
	}

	function Equivalentwaarde	(

									what,

									C,

									Mn,

									Cr,
====================================================================

<body >
    
<center>
    <table border ="0"  cellpadding="0"  cellspacing="0"  >        
<tr >
	<td WIDTH="25px" ><b>CE 1</b></td>
		<td WIDTH="100px" ><center>IIW C >.17</center></td>
			<td WIDTH="400px" ><b>C+ Mn/6+ (Cr+Mo+V)/5+(Cu+Ni)/15</b></td>
				<td  WIDTH="25px"><a NAME="result"></a>
			    	<form name="equivalent_resultAA">
			    		<input type="text" style="font-size: 11px;" name="resultaatA"  size="3">
			        	  </form></td>
			     	        </tr> 
<tr >
	<td WIDTH="25px"><b>CE 2</b></td>
		<td  WIDTH="100px">&nbsp;</td>
			<td  WIDTH="400px"><b>C+Mn/6+(Cr+Mo+V)/5+(Cu+Ni)/15+Si/24</b></td>
				<td  WIDTH="25px"><a NAME="result"></a>
                    <form name="equivalent_resultBB">
                        <input type="text"  style="font-size: 11px;"name="resultaatB"  size="3">
                           </form></td>
                              </tr>
<tr>
	<td WIDTH="25px" ><b>CE 3</b></td>
		<td WIDTH="100px">&nbsp;</td>
			<td WIDTH="400px"><b>C+ (Mn+Si)/6+(Cr+Mo+V)/5+(Cu+Ni)/15--------------aws d.1.1--------------------------------</b></td>
				<td WIDTH="25px"><a NAME="result"></a>
                    <form name="equivalent_resultCC">
                        <input type="text"  style="font-size: 11px;"name="resultaatC"   size="3">
                            </form></td>
			                   </tr>
<tr >
    <td WIDTH="25px"  ><b>CE 4</b></td>
        <td WIDTH="100px">&nbsp;</td>
            <td WIDTH="400px"><b>C+ Mn/6+ 0.04</b></td>
              <td  WIDTH="25px" ><a NAME="result"></a>
                 <form name="equivalent_resultDD">
                        <input type="text" style="font-size: 11px;" name="resultaatD"   size="3">
                            </form></td> 
                               </tr>                             
<tr >
    <td WIDTH="25px"  ><b>CE 5</b></td>
        <td WIDTH="100px"><center>wes</center></td>
            <td WIDTH="400px"><b>C+Si/24+Mn/6+Ni/40+Cr/5+Mo/4+V/14</b></td>
              <td  WIDTH="25px" ><a NAME="result"></a>
                  <form name="equivalent_resultEE">
                        <input type="text"  style="font-size: 11px;"name="resultaatE"  size="3">
                            </form></td> 
                              </tr>
<tr >
    <td WIDTH="25px"  ><b>CE 6</b></td>
        <td WIDTH="100px"><center>stout 2</center></td>
            <td WIDTH="400px"><b>C+Mn/6+ Cu/40+Ni/20+ Cr/10+ Mo/10-------------------------------------------------------------</b></td>
              <td  WIDTH="25px" ><a NAME="result"></a>
                 <form name="equivalent_resultFF">
                        <input type="text" style="font-size: 11px;" name="resultaatF"  size="3">
                            </form></td> 
                               </tr>
<tr >
    <td WIDTH="25px"  ><b>CE 7</b></td>
        <td WIDTH="100px"><center>stout 1</center></td>
            <td WIDTH="400px"><b>1000*C*(Mn/6+(Cr+Mo)/10+Ni/20+Cu/40</b></td>
              <td  WIDTH="25px" ><a NAME="result"></a>
                 <form name="equivalent_resultGG">
                        <input type="text"  style="font-size: 11px;"name="resultaatG"   size="3">
                            </form></td> 
                               </tr>
<tr >
    <td WIDTH="25px" ><b>CE 8</b></td>
        <td WIDTH="100px"><center>graville</center></td>
            <td WIDTH="400px"><b>C+Mn/16-Ni/50+Cr/23+Mo/7+Nb/8+V/9</b></td>
              <td  WIDTH="25px" ><a NAME="result"></a>
                 <form name="equivalent_resultHH">
                        <input type="text"  style="font-size: 11px;"name="resultaatH"  size="3">
                            </form></td> 
                                </tr>
 
Laatst bewerkt door een moderator:
... heb je nou de site uitgeprint, ingescand en op het forum gezet? Hoe een site wordt uitgeprint zegt niet zo veel over hoe hij in een browser wordt weergegeven, of gaat het juist om de uitgeprinte versie?

Hoe het ook zei, zonder de complete code van de site kunnen we niet veel doen, het makkelijkst zou zijn als je een link naar de site gaf, maar je kunt de code ook hier tussen [html*][/html*] (* verwijderen) tags zetten, voor de leesbaarheid. Ik zie zo al wel dat je een <center> tag buiten, en een </center> tag binnen de tabel hebt, wat niet hoort*, maar of er nog meer mis is is zo moeilijk te zien.

*De <center></center> tag is sowieso verouderd , en kun je beter niet gebruiken.
 
Laatst bewerkt:
Geachte Naarling,

De website is www.weldingonline.nl hoofdstuk CePcm.

Bij afdrukken in IE gaat alles op een a4,bij chrome is de afdruk 1,5 vel papier doordat de regelafstand anders is.

Het doel is bij alle browsers een a4 te printen.
 
Er spelen twee dingen. Chrome geeft formulieren automatisch wat marge mee, IE doet dat niet.
Dit probleem is op te lossen door het volgende bij je
Code:
			table form input,
			table form{height: 20px; margin:0; padding: 0}
			table form input{width: 40px;}

Daarnaast worden de teksten in Chrome iets groter weergegeven, waardoor ze hier en daar over twee regels gaan lopen, en de invulvelden uit elkaar drukken. Dit kun je oplossen door de font-size wat te verkleinen (11px) en welicht wat ----- weg te halen (aangenomen dat dat qua inhoud kan).
 
Beste Naarling,

Hartelijk dank voor dit antwoordt, hij werkt nu in IE-Chrome-Firefox.

c.los
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan